###本文将介绍两种移动端的时间控件 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