wxDateSelector 微信小程序 日期选择框 自定义组件 (精确到分秒)

wxDateSelector 微信小程序 日期选择框 自定义组件 (精确到分秒)

wxDateSelector

wxDateSelector是用于微信小程序的一个日期选择器插件。鉴于目前微信小程序自带的日期选择器只能支持 年月日 或者 时分 的选择。并且不能设定时间的起止筛选而开发的微信小程序自定义组件，方便项目中快捷使用。

如果需要mpvue 时间选择插件 请移步 mpvue-dateselector

主要功能：

日期选择器支持到 年月日时分秒 最多6项选择，可以自定义精确到（月日时分秒）任意选择。支持 起止 时间筛选。 比如支持 2000年1月1日0时0分0秒 到 2019年2月2日2时2分2秒 间的选择支持设置默认时间。比如 默认 选择2016年10月10日10时10分10秒为选中状态自定义组件方便更换皮肤。日期格式支持 回调 自己组合数据 比如 2019-02-02 02:02:02 或者 2019年2月2日 2时2分2秒 等各种自定义。

如何使用

index.wxml

{{ca.strHandle(selectTime)}}

index.js

Page({ data: { beginTime: [2000, 1, 1, 0, 0, 0], selectTime: [2016, 10,10, 10, 10,10], endTime: [2019, 2, 2, 2, 2, 2], defSelectTime:[2019, 2, 2, 2, 2, 2] }, datechange: function (e) { console.log(e.detail) this.setData({ selectTime: e.detail }) }})

参数配置

tips:当设置selectTime为数组时，请确保beginTime、endTime、selectTime、defSelectTime 数组长度一样。即确保这4个参数精确到同样的小时、分、秒。

其他

开发此组件也是因为公司业务涉及到日期选择器使用的频繁度，而刚刚微信小程序自带插件又无法满足需求。此组件开发的大部分思路也是来源于AppianZ，本人菜鸟，全靠大神带路。感谢中...

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。