【W(wǎng)EB開發(fā)】HTML5頁(yè)面type=‘date’的input標(biāo)簽
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
1、調(diào)用瀏覽器自帶時(shí)間控件,input的type屬性有以下幾種寫法: type="date" //顯示年、月、日 type="month" //顯示年、月 type="week" //顯示年、周 type="datetime-local" //顯示年、月、日、時(shí)、分 上述屬性在chrome、safari、opera瀏覽器中,點(diǎn)擊三角按鈕會(huì)出現(xiàn)時(shí)間控件的彈框,供用戶選擇。但是在firefox中沒有時(shí)間控件的支持,不會(huì)出現(xiàn)時(shí)間彈框。 在移動(dòng)端Android和iPhone都能調(diào)用自己的時(shí)間控件供用戶選擇輸入,但是每種手機(jī)的瀏覽器在選擇時(shí)間后,顯示在輸入框中的樣式還是會(huì)有差別。尤其是在選擇了時(shí)、分的時(shí)候。 iPhone手機(jī)能正常選擇和顯示,會(huì)顯示為:‘2016-11-11 18:00’這種,而且各系統(tǒng)版本兼容不錯(cuò)。 個(gè)別安卓手機(jī)卻顯示為:‘2016-11-11T18:00’這種(日期和小時(shí)之間是T)。 在調(diào)試獲取時(shí)間對(duì)象輸出時(shí)發(fā)現(xiàn):所有瀏覽器輸出的都是帶有T的時(shí)間對(duì)象,但是在頁(yè)面展示時(shí)iPhone手機(jī)和部分安卓手機(jī)做了處理,使時(shí)間正常顯示,而一些安卓手機(jī)可能沒注意到這個(gè)細(xì)節(jié),在頁(yè)面展示時(shí)沒做處理。這時(shí)就需要開發(fā)人員對(duì)展示內(nèi)容做一下處理了(其實(shí)用‘ ’將T替換掉再展示就行了)。 2、在手機(jī)中input標(biāo)簽調(diào)用時(shí)間控件,樣式表現(xiàn)不同,有些安卓機(jī)會(huì)帶深灰色背景,iPhone為白色背景色。 3、對(duì)于js事件的支持,input的focus,blur都支持,但是有些安卓機(jī)不支持change事件(傷害到我了,沒有找到解決辦法。不知道用戶在時(shí)間控件上選擇時(shí)間確定后觸發(fā)什么時(shí)間)。iPhone456都支持。其他的事件暫時(shí)沒發(fā)現(xiàn)區(qū)別。 4、input調(diào)用的時(shí)間控件沒有時(shí)間限制篩選功能,不能滿足多功能的需求。 因?yàn)闆]有找到功能齊全兼容良好的移動(dòng)端時(shí)間插件,在做項(xiàng)目時(shí)自己用了笨方法,獲取用戶選擇的時(shí)間對(duì)象,然后自己寫邏輯進(jìn)行限制。 該文章在 2025/4/2 10:11:35 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |