MUI DtPicker 显示自定义日期

MUI地址：http://dev.dcloud.net.cn/mui/ 首先引入相关JS CSS脚本。

HTML代码：

?

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

 

 然后给class为dt增加JS事件

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<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>

 效果