微信小程序----开发rui-dtpicker多粒度日期组件

使用

到 GitHub 下载 WX-RUI 的代码，将 component 目录拷贝到自己的项目中。然后按照如下的方式使用组件，以 dtpicker 为例，其它组件在对应的文档页查看：

1. 添加需要的组件。在页面的 json 中配置（路径根据自己项目位置配置）：

"usingComponents": {
  "rui-dtpicker": "../../component/picker/picker"
}

2. 在 wxml 中使用组件：

2.1 时间粒度为second的实例

<rui-dtpicker 
  start="2018-03-15 10:45:00" 
  end="2050-03-15 10:45:00" 
  value="{{value}}" 
  fields="second" 
  bindchangedatepicker="changeDate"
  bindcanceldatepicker="cancelDate"
></rui-dtpicker>

2.2 时间粒度为year的实例

<rui-dtpicker 
  start="2018" 
  end="2050" 
  value="{{value}}" 
  fields="year" 
  bindchangedatepicker="changeDate"
  bindcanceldatepicker="cancelDate"
></rui-dtpicker>

效果图

参数说明

rui-dtpicker 属性说明：

fields 值说明：

事件说明：

WXRUI体验二维码

如果文章对你有帮助的话，请打开微信扫一下二维码，点击一下广告，支持一下作者！谢谢！

其他

我的博客，欢迎交流！

我的CSDN博客，欢迎交流！

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表