javascript適合移動端的日期時間拾取器_javascript技巧
來源:懂視網(wǎng)
責編:小采
時間:2020-11-27 21:45:20
javascript適合移動端的日期時間拾取器_javascript技巧
javascript適合移動端的日期時間拾取器_javascript技巧:這是一個適合移動設(shè)備WEB應用的日期和時間拾取器,在桌面版的日期拾取器我們一般用jQuery UI的datepicker插件,而移動手機版的日期拾取器則可以根據(jù)項目需求選擇與jQuery Mobile配合的mobiscroll.js插件,它提供了友好的日期和時間選擇操作界面,且易于配置和
導讀javascript適合移動端的日期時間拾取器_javascript技巧:這是一個適合移動設(shè)備WEB應用的日期和時間拾取器,在桌面版的日期拾取器我們一般用jQuery UI的datepicker插件,而移動手機版的日期拾取器則可以根據(jù)項目需求選擇與jQuery Mobile配合的mobiscroll.js插件,它提供了友好的日期和時間選擇操作界面,且易于配置和
這是一個適合移動設(shè)備WEB應用的日期和時間拾取器,在桌面版的日期拾取器我們一般用jQuery UI的datepicker插件,而移動手機版的日期拾取器則可以根據(jù)項目需求選擇與jQuery Mobile配合的mobiscroll.js插件,它提供了友好的日期和時間選擇操作界面,且易于配置和使用。

HTML
首先我們加載相關(guān)插件和樣式文件,該插件基于jQuery和jQuery.mobile所以首先需要加載這兩個庫文件,然后再加載mobiscroll.js插件以及相關(guān)CSS文件。
JavaScript
mobiscroll提供了許多選項可以設(shè)置,包括定義彈出面板展示方式、最大日期、最小日期、日期格式、結(jié)束年份等,也可以將插件本地化,包括設(shè)置中文按鈕、說明。調(diào)用也非常簡單,以下是示例代碼:
如果只選是時間,則可以這樣寫:
如果要在面板上顯示日期和時間,則這樣調(diào)用:
源碼下載:javascript適合移動端的日期時間拾取器
一款簡潔大方的javascript適合移動端的日期時間拾取器就這樣制作完成了,希望大家喜歡。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascript適合移動端的日期時間拾取器_javascript技巧
javascript適合移動端的日期時間拾取器_javascript技巧:這是一個適合移動設(shè)備WEB應用的日期和時間拾取器,在桌面版的日期拾取器我們一般用jQuery UI的datepicker插件,而移動手機版的日期拾取器則可以根據(jù)項目需求選擇與jQuery Mobile配合的mobiscroll.js插件,它提供了友好的日期和時間選擇操作界面,且易于配置和