Perfect-DateTimePicker

---

A jQuery plugin for Date and Time Picker(基于jQuery的日期时间选择器)

Demo: http://cn-sean.github.io/Perfect-DateTimePicker/

Features(特性)

0. Simple Interaction.(交互简单)
1. Concise Interface.(界面整洁)
2. Bootstrap Style.(类Bootstrap风格)

Preview(预览图)

API(接口)

• options(属性配置)

property(属性)	type(类型)	description(描述)
baseCls	String	base class(主样式)
language	String	'zh'|'en'
viewMode	String	'YM'|'YMD'|'YMDHMS'|'HMS'
startDate	Date	start date(起始日期)
endDate	Date	end date(结束日期)
date	Date	initial date(初始值)
firstDayOfWeek	Number	the first Day Of Week,0~6:Sunday~Saturday,default:0(指定每周的第一天，默认周日)
onDateUpdate	Function	date update event(日期更新事件)
onClear	Function	clear button click event(清除按钮事件)
onOk	Function	ok button click event(确认按钮事件)
onClose	Function	close button click event(关闭按钮事件)
onToday	Function	today button click event(选取今天按钮事件)

• APIs(调用接口)

function(方法)	type(类型)	parameters(参数)	description(描述)
getValue	Function	无	获取当前日期对象
getText	Function	format(可选，日期格式，例如: 'yyyy-MM-dd HH:mm:ss')	获取当前日期的文本格式
destroy	Function	无	销毁对象
element	Object	无	返回选择器的jQuery对象
$datetable	Object	无	返回日期选择面板的jQuery对象
$monthtable	Object	无	返回年月选择面板的jQuery对象
$timetable	Object	无	返回时间选择面板的jQuery对象

Example(代码示例)

    var picker = $('#demo1').datetimepicker({
        date: new Date(),
        viewMode: 'YMDHMS',
        firstDayOfWeek: 0,
        onDateUpdate: function(){
            $('#date-text').text(this.getText());
        },
        onClose: function(){
            this.element.remove();
        }
    });
    console.log(picker.getText());
    console.log(picker.getValue());
    picker.element.hide();

Compatible(浏览器兼容性)

IE8+

License(协议)

MIT license