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