MUI DtPicker 顯示自定義日期

dotnetcms.org工作室發表於2018-05-16
UI

MUI地址：http://dev.dcloud.net.cn/mui/ 首先引入相關JS CSS指令碼。

HTML程式碼：

  <input   class="dt flat" style="width:200px;"     value='2018-05-16 19:00'     type="text">

 

 然後給class為dt增加JS事件

 <script>
       

        $(".dt").on('tap', function () {
            that = this;
            var _init = $(that).val();
            options = { "value": "" + _init + "", "customData": { "i": [{ "text": "00", "value": "00" }, { "text": "30", "value": "30" }] }, "labels": ["年", "月", "日", "時", "分"] };
            var dtPicker = new mui.DtPicker(options)
            dtPicker.show(function (rs) {
                $(that).val(rs.text);
            });
        });


    </script>

 效果

相關文章