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

目录
相关文章
|
网络协议 Linux 开发工具
开发指南 | OpenWrt免费内嵌花生壳PHTunnel实现内网穿透
本文将详解如何把花生壳PHTunnel封装成一个OpenWrt标准组件,并编译到自己的OpenWrt固件中,实现内网穿透功能。
开发指南 | OpenWrt免费内嵌花生壳PHTunnel实现内网穿透
针对FastAdmin新增上传多个图片,新增上传的视频的预览效果
针对FastAdmin新增上传多个图片,新增上传的视频的预览效果
1295 0
|
数据可视化 BI 数据库
Superset执行「superset db upgrade」命令的报错记录
Superset执行「superset db upgrade」命令的报错记录
1233 0
Superset执行「superset db upgrade」命令的报错记录
|
编解码 前端开发 UED
移动优化:提升用户体验的关键
在移动设备成为人们生活中不可或缺的一部分之后,移动优化已经成为现代网站和应用程序开发的重要组成部分。优化网站或应用程序以适应小屏幕和有限的网络带宽可以显著提高用户体验,增加用户满意度。本博客将深入探讨移动优化的核心概念、最佳实践以及如何确保您的项目在移动设备上表现出色。
455 0
|
数据可视化 大数据 数据挖掘
Apache Superset 1.2.0教程 (一)—— 安装(Windows版)
Apache Superset 是一款由 Airbnb 开源的“现代化的企业级 BI(商业智能) Web 应用程序”,其通过创建和分享 dashboard,为数据分析提供了轻量级的数据查询和可视化方案。 近日推出了全新的 1.2.0版本,本教程也就从头开始讲解Apache Superset的使用。
2821 0
Apache Superset 1.2.0教程 (一)—— 安装(Windows版)
|
Java 开发工具 Android开发
【错误记录】Android Studio 编译报错 ( Invalid Gradle JDK configuration found )
【错误记录】Android Studio 编译报错 ( Invalid Gradle JDK configuration found )
1394 0
【错误记录】Android Studio 编译报错 ( Invalid Gradle JDK configuration found )
|
JavaScript 大数据 BI
Superset图表通过iframe嵌入Html网页展示一文详解
Superset图表通过iframe嵌入Html网页展示一文详解
2892 0
Superset图表通过iframe嵌入Html网页展示一文详解
|
存储 自然语言处理 数据处理
信息抽取UIE(二)--小样本快速提升性能(含doccona标注
需求跨领域跨任务:领域之间知识迁移难度高,如通用领域知识很难迁移到垂类领域,垂类领域之间的知识很难相互迁移;存在实体、关系、事件等不同的信息抽取任务需求。 - 定制化程度高:针对实体、关系、事件等不同的信息抽取任务,需要开发不同的模型,开发成本和机器资源消耗都很大。 - 训练数据无或很少:部分领域数据稀缺,难以获取,且领域专业性使得数据标注门槛高。
信息抽取UIE(二)--小样本快速提升性能(含doccona标注
|
11月前
|
人工智能 自然语言处理 JavaScript
微软开源课程!21节课程教你开发生成式 AI 应用所需了解的一切
微软推出的生成式 AI 入门课程,涵盖 21 节课程,帮助开发者快速掌握生成式 AI 应用开发,支持 Python 和 TypeScript 代码示例。
1016 15
|
存储 固态存储 数据库