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

目录
相关文章
08jqGrid - 自定义按钮
08jqGrid - 自定义按钮
49 0
|
JavaScript 容器
Ant Design Vue 中Drawer自定头部的样式、内容部分的样式、弹出层的样式
Ant Design Vue 中Drawer自定头部的样式、内容部分的样式、弹出层的样式
|
6月前
|
JavaScript
uniapp用picker实现自定义三级联动(children)
uniapp用picker实现自定义三级联动(children)
125 0
ElementUI 为 DatePicker 日期选择器组件添加前缀说明文字
当我们使用 ElementUI 构建表单页面的时候,经常需要使用到复合型输入框,可前置或后置元素,一般为标签或按钮,作为该输入框的说明性文字。
1139 0
ElementUI 为 DatePicker 日期选择器组件添加前缀说明文字
|
前端开发 程序员
css制作的tip提示框
css制作的tip提示框
292 0
|
C#
C#-ToolTIp和Popup简单使用
很多时候我们需要做一个提示框,来给用户说明这个元素的作用,比如鼠标移动到哪个元素上面,显示一个弹出框并显示这个元素的相关介绍,想到提示内容,我们很容易想到toolip和Popup,接下来就来分别是用一下这两个控件。
238 0
|
存储 iOS开发
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
831 0
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
|
JavaScript 前端开发
【JavaScript】点击的添加样式,其他的删除样式(addClass和removeClass)
【JavaScript】点击的添加样式,其他的删除样式(addClass和removeClass)
227 0
【JavaScript】点击的添加样式,其他的删除样式(addClass和removeClass)
|
前端开发
使用css修改checkbox选择框的样式
二. 修改思路: 给原本的checkbox框加上visibility: hidden;属性,使其隐藏同时又占据原本在页面上面的位置,说直白点就是,使checkbox看不见,但是仍然占有原来的位置。
1848 0