html52.com
我爱小程序-开发者交流社区

功能完善的自定义时间选择器

项目中经常需要使用到选择起止时间的picker选择器,到小程序原生的时间选择只能选一个时间点,选起止时间就需要选两次,体验不太好。

所以自己使用picker-view封装了一个time-picker,完善一些原始picker没有的功能,可通过配置项设置,也可进行二次开发

所以自己使用picker-view封装了一个time-picker,完善一些原始picker没有的功能,可通过配置项设置,也可进行二次开发

所以自己使用picker-view封装了一个time-picker,完善一些原始picker没有的功能,可通过配置项设置,也可进行二次开发

wxapp-timePicker

微信小程序自定义时间选择器,支持多种自定义功能。

在开发工具中浏览: wechatide://minicode/OGPpLFmW7t2k
复制链接在浏览器中打开

配置项

pickerConfig: {
  endDate: true,                          // 是否需要结束时间,为true时显示开始时间和结束时间两个picker
  column: "second",                       //可选的最小时间范围hour、minute、secend
  dateLimit: true,                        //是否现在时间可选范围,false时可选任意时间;未数字n时,范围是当前时间的最近n天
  limitStartTime: "2015-05-06 12:32:44",  //最小可选时间
  limitEndTime: "2055-05-06 12:32:44"     //最大可选时间 
}

其他限制条件可修改组件中的compareTime函数定义

endDate: true

endDate: false

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付