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

目录
相关文章
|
3月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
ElementUI 为 DatePicker 日期选择器组件添加前缀说明文字
当我们使用 ElementUI 构建表单页面的时候,经常需要使用到复合型输入框,可前置或后置元素,一般为标签或按钮,作为该输入框的说明性文字。
1186 0
ElementUI 为 DatePicker 日期选择器组件添加前缀说明文字
|
JavaScript
Vue antdv dropdown 自定义下拉内容 overlay 禁止点击事件下传导致收起
Vue antdv dropdown 自定义下拉内容 overlay 禁止点击事件下传导致收起
365 0
|
JavaScript 索引
Vue3:分析elementplus表格第一列序号hover变多选框实现思路
Vue3:分析elementplus表格第一列序号hover变多选框实现思路
605 0
|
JavaScript
jquery 使用attr方法对checkBox进行全选和反选操作
一次点击按钮进行全选的时候,checkbox全部选中;再次点击的时候,checkbox取消选中。 第二次,第三次,之后再点击,没有效果,代码也执行。checkbox的checked属性也改变,但是checkbox就是没有 被选中。问题解决办法是把红色部分中的attr方法修改
140 0
|
JavaScript 前端开发
JavaScript(js)隔行换色,省市二级联动,全选,全不选,反选
JavaScript(js)隔行换色,省市二级联动,全选,全不选,反选
196 0
|
JavaScript 前端开发 数据格式
表头加字体图标hover显示信息 vue
文章是针对需求当表格每个表头的字体图标鼠标放上去悬停展示不同的信息时的处理方法
292 0
|
存储 iOS开发
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
850 0
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
|
JavaScript 容器
jQuery EasyUI 重写datagrid的datetimebox编辑类型
jQuery EasyUI 重写datagrid的datetimebox编辑类型
1952 0