一 属性:
1.语言设置:language:'zh-CN' , zh-CN 中文,
2.一周从哪天开始:weekStart Integer. 默认值:0。 0(星期日)到6(星期六)
3.跳转到当天:todayBtn:true
4.选中之后关闭:autoclose:true
5.当天日期高亮:todayHighlight,默认false
6.开始视图:startView 默认值:2, 'month',0分秒,1时,2日,3月,4年
7.最精确的时间选择视图:minView 默认值:0分秒
8.格式format 默认值: 'mm/dd/yyyy' p, P, h, hh, i, ii, s, ss, d, dd, m, mm, M, MM, yy, yyyy 的任意组合。
p12小时制且小写(‘am’ or ‘pm’)
P12小时制且大写(‘AM’ or ‘PM’)
s秒,前面不补0
ss秒,前面补0
i分,前面不补0
ii分,前面补0
h时,24小时制,前面不补0
hh时,24小时制,前面补0
H时,12小时制,前面不补0
HH时,12小时制,前面补0
d日,前面不补0
dd日,前面补0
m月,数字表示,前面不补0 如:4
mm月,数字表示,前面补0 如:04
M月,缩写表示,前面补0 如:Apr
MM月,全称表示,前面补0 如:April
yy年,后两位 如:16
yyyy年,全部 如:2016
9.开始时间:startDate 这之前的时间不能选择
10.结束时间:endDate 这之后的时间不能选择
11. 一 周的周几不能选:daysOfWeekDisabled 0(星期日)到6(星期六)'1,3,6'
12.最高能展示的时间:maxView
13. 方向键改变日期: keyboardNavigation
14.强制解析:forceParse
15.步进值:minuteStep
16.选择框位置:选择框位置 默认值:’bottom-right’,‘bottom-left’,’top-right’,’top-left’
17.是否显示上下午:showMeridian
18.初始化日期时间: initialDate 在打开时默认选当时的时间,显示在View中。
二 方法
1.移除日期时间选择器:$('#datetimepicker').datetimepicker('remove');
2.隐藏日期时间选择器:$('#datetimepicker').datetimepicker('hide');
3.使用当前输入框中的值更新日期时间选择器 $('#datetimepicker').datetimepicker('update');
4.给日期时间选择器设置一个新的起始日期 $('#datetimepicker').datetimepicker('setStartDate', '2012-01-01');
5.给日期时间选择器设置结束日期 $('#datetimepicker').datetimepicker('setEndDate', '2012-01-01');
三 事件
1.当日期被改变时被触发。
$('#date-end').datetimepicker().on('changeDate', function(ev){
if (ev.date.valueOf() < date-start-display.valueOf()){
....
}
});
2. 当选择器显示时被触发:show
3. 当选择器隐藏时被触发:hide
4.当十年视图上的年视图view被改变时触发:changeYear
5.当年视图上的月视图view被改变时触发:changeMonth
6.当用户选择的日期超出startDate 或endDate 时,或者通过setDate 或 setUTCDate方法设置日期超出范围时被触发:outOfRange