坑多呀,難搞,還是記在自己的博客上叭。
日期控件引用兩個文件: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盡量不要用啊啊啊啊,前端框架盡量用時髦的持續性維護升級的叭。
以上。