国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

H5 input[type='date'] 優(yōu)化 pc端和移動(dòng)端的使用

VincentFF / 2630人閱讀

標(biāo)簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。
本篇記錄在開發(fā)中使用date屬性，遇到的一些問(wèn)題，以及功能擴(kuò)展：

獲取當(dāng)前日期，并顯示在input[type="date"]上

html:

js:
限制日期框選擇范圍

利用標(biāo)簽屬性實(shí)現(xiàn)

max：可選最大日期
min：可選最小日期

js設(shè)置最大只能選擇到當(dāng)前日期

html

js
移動(dòng)端顯示問(wèn)題

當(dāng)移動(dòng)端使用nput[type="date"]時(shí) ios系統(tǒng)日歷格式是這樣 ===> 2019年06月06日
樣式上安卓和ios不統(tǒng)一

為了實(shí)現(xiàn)樣式統(tǒng)一可以利用input[type="text"]代替日歷控件，顯示選擇的日期

html

css

 /* 日期控件樣式 */
         .date-input-box{
            position: relative;
            display: inline-block;
        }
        .data{
            width: 100px;
            height: 24px;
            padding: 0 5px;
            line-height: 24px;
        }
        .dateInput{
            position: absolute;
            left: 0;right: 0;
            z-index: 10;
            opacity: 0;
        }
        .selectIcon {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            width: 3px;
            height: 0;
            border-top: 4px solid #999;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            z-index: 8;
        }

js

將 " - " 替換成 "/ "

 //dataInput=dataInput.replace(/-/g,"/");

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/114838.html

相關(guān)文章

  • H5 input[type='date'] 優(yōu)化 pc端和移動(dòng)端的使用

    標(biāo)簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。本篇記錄在開發(fā)中使用date屬性，遇到的一些問(wèn)題，以及功能擴(kuò)展： 獲取當(dāng)前日期，并顯示在input[type=date]上 html: js: $(function(...

    wemallshop 評(píng)論0 收藏0

  • H5 input[type='date'] 優(yōu)化 pc端和移動(dòng)端的使用

    標(biāo)簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。本篇記錄在開發(fā)中使用date屬性，遇到的一些問(wèn)題，以及功能擴(kuò)展： 獲取當(dāng)前日期，并顯示在input[type=date]上 html: js: $(function(...

    haoguo 評(píng)論0 收藏0

  • The input element's type ('number')

    fastclick.js?bf9a:331 Uncaught DOMException: Failed to execute setSelectionRange on HTMLInputElement: The input elements type (number) does not support selection 解決方法： 找到node_module中的文件fastclick.js, l...

    CoderDock 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<