zoukankan      html  css  js  c++  java
  • 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尽量不要用啊啊啊啊,前端框架尽量用时髦的持续性维护升级的叭。

        以上。

  • 相关阅读:
    P3133 [USACO16JAN]无线电联系Radio Contact
    P2196 挖地雷
    P2434 [SDOI2005]区间
    P2820 局域网
    P2904 [USACO08MAR]跨河River Crossing
    P1586 四方定理
    P2983 [USACO10FEB]购买巧克力Chocolate Buying
    P2049 魔术棋子
    kali-linux破解密码运行脚本并隐藏进程
    kali安装使用
  • 原文地址:https://www.cnblogs.com/sunshine-wy/p/12851992.html
Copyright © 2011-2022 走看看