mui 日期控件的用法

  坑多呀,难搞,还是记在自己的博客上叭。

  日期控件引用两个文件:mui.picker.min.css、mui.picker.min.js

  html:

  <div id="arrivalDate" class="arrivalDate"></div>
  <input type="button" id="selectArrivalDate" value="选择时间" />

  JS:

        (function ($) {

            $.init();

            var result = $("#selectArrivalDate")[0];

            result.addEventListener('tap', function () {
var picker = new $.DtPicker({
                    type: "date",
                    beginYear: 2000,
                    endYear: 2025
                });

                picker.show(function (rs) {
                    console.log(rs.text); 
                    sd(rs.text); 
                    picker.dispose();

                });

            }, false);

        })(mui);
        function sd(data) {
            $("#selectArrivalDate").val(data)
        }

    原文地址:https://www.cnblogs.com/zjjDaily/p/6070414.html   

 

    ----

    还是简单说说叭,options为什么不写在标签上?因为我发现按照原文写标签上type格式化日期时会失效啊,永远都是年与日时分的格式,无奈之下option写在js里就好了。

    另,网上一些mui日期控件的博文真的是很无语呀,搞个简单清晰明了能直接用的不好麽。哎,可能是和这个东西不维护了有关,有些东西以前能用现在不好使了叭。

    写在第三,能不用mui尽量不要用啊啊啊啊,前端框架尽量用时髦的持续性维护升级的叭。

    以上。

posted @ 2020-05-08 17:46  顾星河  阅读(1173)  评论(0编辑  收藏  举报