首先、html5提供了input的time类型,使咱们能够经过input框输入日期,可是若是咱们的需求是这个时间须要明确到几时几分几秒的,那html5就没有办法知足咱们的需求了,就须要使用jQuery提供的插件jquery-ui-timepicker-addon.js。html
1、下载插件,引入文件。html5
2、html页面的设置jquery
<input class="date-picker " id="starttime" type="text" data-date-format="yyyy-mm-dd" name="starttime"/>
3、js设置ui
$('.date-picker').datetimepicker({ lang: "ch", timeFormat: "HH:mm:ss", dateFormat: "yy-mm-dd", dayNamesMin: ["七", "一", "二", "三", "四", "五", "六"], monthNamesShort: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"], changeMonth: true, changeYear: true, });
4、效果如图spa
最近才意识到,把代码截图会带来不少不便,正在改进。插件
还想问一句,是否正稳步趋近于本身的梦想?3d