mui 日期控件的用法

简介: 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尽量不要用啊啊啊啊,前端框架尽量用时髦的持续性维护升级的叭。


以上。


PS:楼主邮箱 tccwpl@163.com

目录
相关文章
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript 前端开发 UED
jQuery日历控件与假日显示
【9月更文挑战第1天】
|
6月前
|
JavaScript
uniapp用picker实现自定义三级联动(children)
uniapp用picker实现自定义三级联动(children)
127 0
|
JavaScript 前端开发
odoo 通过Javascript显示或隐藏form自带按钮
odoo 通过Javascript显示或隐藏form自带按钮
152 0
|
存储 iOS开发
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
834 0
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
|
JavaScript 前端开发
【JavaScript】点击的添加样式,其他的删除样式(addClass和removeClass)
【JavaScript】点击的添加样式,其他的删除样式(addClass和removeClass)
227 0
【JavaScript】点击的添加样式,其他的删除样式(addClass和removeClass)
|
JavaScript
jQuery UI 自定义样式的日历控件
在线演示 本地下载
1282 0
|
前端开发 JavaScript
jquery + Bootstrap : data-toggle="popover"鼠标放上去显示悬浮层 Tips
image.png jquery鼠标放上去显示悬浮层 Tips html js $(() => { var tip = $('#time_range_fa'); $(tip).
2174 0