html5时间插件mui,移动端时间控件 HTML5+ 的 pickDate 和 MUI 的 dtpicker 的使用与对比...

本文对比了HTML5+的pickDate和MUI的dtpicker时间控件,分析了各自的优缺点。pickDate需要两次选择年月日和时分秒,性能较好;dtpicker能一次性选择且内容丰富,但文档不清晰,数据加载不流畅。使用总结包括了两者的基本用法和示例代码。
摘要由CSDN通过智能技术生成

###本文将介绍两种移动端的时间控件 HTML5+ 的 pickDate 和 MUI 的 dtpicker,API中的内容此文不再赘述,仅从实际应用过程中的遇到的问题进行分析对比与使用方法总结。

###对比分析:

优点:文档容易看,参数清晰,感觉上性能比mui的dtpicker要好一些 缺点:年月日的选择 pickDate 和时分秒的选择 pickTime 是分开的,需要选择两次

优点:可以一次性选择年月日和时分秒,控件内容更丰富一点 缺点:

文档稍有不清晰,比如说设置初始值部分(默认是获取当前时间)。设置value值即可。

var dtpicker = new mui.DtPicker({

"type": "date",

"value":"1950-03-03 09:12"

});

数据加载不是很流畅

这种mui控件,需要单独引用js和css文件,不包含在mui.js和mui.css范围内。关于引用文件的下载地址,可以通过hbuilder新建一个以hello mui为基础的移动端项目,里面就有案例和需要引用的文件。

###使用总结:

1、HTML5+ 的 pickDate

本例中 $this.val() = '2018-6-27 13:35' 是这种格式的,主要是几个参数的设置,文档很清晰,其他根据要求来决定,以下实现的是点击显示时间控件,默认显示的时间是传进来的数值

//位数不够前补零

functio

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值