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


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

        });

四、效果如圖

最近才意識到,把代碼截圖會帶來很多不便,正在改進。

還想問一句,是否正穩步趨近於自己的夢想?

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM