时间选择器datetimepicker

定义一个输入框

一 属性：

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