使用 HTML5 制作的手機(jī) APP 如何調(diào)用手機(jī)系統(tǒng)的 Datepicker(日期選擇器)?除了使用 phonegap/cordova 的 api 來調(diào)用之外,其實(shí)直接使用 HTML5 的 <input>
標(biāo)簽屬性就可以實(shí)現(xiàn)了。如果想找一款適合移動(dòng)端使用的 Datepicker,也可以查看 Github精選在 – 適合移動(dòng)端的HTML5 Datepicker。
HTML5 擁有多個(gè)新的表單輸入類型。這些新特性提供了更好的輸入控制和驗(yàn)證,包含了如下新的輸入類型:
HTML5 擁有多個(gè)可供選取日期和時(shí)間的新輸入類型:
例如:
將顯示年月選擇器,這一代碼在chrome上的效果:
在iPhone5s、iOS7上的效果:
在手機(jī)上的缺點(diǎn)就是功能稍弱,如不能指定日期范圍等,但要求不高時(shí),使用上還是非常方便的。
如果不要求調(diào)用手機(jī)原生的 Datepicker,希望有適合移動(dòng)端使用的 Datepicker,目前 GitHub 上有不少優(yōu)秀的基于 HTML5 開發(fā)的 Datepicker 可供選擇,請(qǐng)看Github精選 – 適合移動(dòng)端的HTML5 Datepicker。
聯(lián)系客服