国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
HTML5調(diào)用手機(jī)的Datepicker(日期選擇器)

使用 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中新的input類型

HTML5 擁有多個(gè)新的表單輸入類型。這些新特性提供了更好的輸入控制和驗(yàn)證,包含了如下新的輸入類型:

  • email
  • url
  • number
  • range
  • Date pickers (date, month, week, time, datetime, datetime-local)
  • search
  • color

HTML5中的datepicker

HTML5 擁有多個(gè)可供選取日期和時(shí)間的新輸入類型:

  • date – 選取日、月、年
  • month – 選取月、年
  • week – 選取周和年
  • time – 選取時(shí)間(小時(shí)和分鐘)
  • datetime – 選取時(shí)間、日、月、年(UTC 時(shí)間)
  • datetime-local – 選取時(shí)間、日、月、年(本地時(shí)間)

例如:

  1. <input type="month" />
HTML

將顯示年月選擇器,這一代碼在chrome上的效果:

chrome瀏覽器的效果

在iPhone5s、iOS7上的效果:

iPhone上的的效果

在手機(jī)上的缺點(diǎn)就是功能稍弱,如不能指定日期范圍等,但要求不高時(shí),使用上還是非常方便的。

如果不要求調(diào)用手機(jī)原生的 Datepicker,希望有適合移動(dòng)端使用的 Datepicker,目前 GitHub 上有不少優(yōu)秀的基于 HTML5 開發(fā)的 Datepicker 可供選擇,請(qǐng)看Github精選 – 適合移動(dòng)端的HTML5 Datepicker。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
HTML 輸入類型
Flutter 日期時(shí)間DatePicker控件及國際化
HTML5日期輸入類型(date)
jQuery之日期選擇器
聯(lián)動(dòng)的日期選擇定位問題My97DatePicker
HTML5 新的 Input 類型
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服