首先、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, });
四、效果如圖
最近才意識到,把代碼截圖會帶來很多不便,正在改進。
還想問一句,是否正穩步趨近於自己的夢想?