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盡量不要用啊啊啊啊,前端框架盡量用時髦的持續性維護升級的叭。

    以上。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM