首先、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