jquery日期和時間的插件精確到秒

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

相關文章
相關標籤/搜索