首先、html5提供了input的time類型,使我們可以通過input框輸入日期,但是如果我們的需求是這個時間需要明確到幾時幾分幾秒的,那html5就沒有辦法滿足我們的需求了,就需要使用jQuery提供的插件jquery-ui-timepicker-addon.js。
一、下載插件,引入文件。


二、html頁面的設置
<input class="date-picker " id="starttime" type="text" data-date-format="yyyy-mm-dd" name="starttime"/>
三、js設置
$('.date-picker').datetimepicker({
lang: "ch",
timeFormat: "HH:mm:ss",
dateFormat: "yy-mm-dd",
dayNamesMin: ["七", "一", "二", "三", "四", "五", "六"],
monthNamesShort: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"],
changeMonth: true,
changeYear: true,
});
四、效果如圖

最近才意識到,把代碼截圖會帶來很多不便,正在改進。
還想問一句,是否正穩步趨近於自己的夢想?
