2018-05-24 00:20:40 +08:00

2.8 KiB
Raw Blame History

DatetimePicker 时间选择

使用 picker 组件开发的时间日期组件,弥补小程序 picker 自身对于快速时间选择的不支持

示例代码

{
  "usingComponents": {
    "zan-date-picker": "../../dist/datetime-picker/index"
  }
}
<zan-date-picker
  bindchange="change"  
  bindcancel="cancel"
  placeholder="请选择一个时间"
  placeholder-class="my-customer-class-name"
  format="你选择了YYYY年MM月DD日HH点mm分ss秒"
/>

属性与事件

名称 类型 是否必须 默认 描述
value null 当前时间 初始化时间,传入的值会被 Date 构造函数转换为一个 Date 对象,不合法的值将抛出一个错误
placeholder-class String 自定义类,可改变 placeholder 样式,其他类无效,picker-view 为 true 时不支持
placeholder String 请选择时间 设置 picker 的 placeholder
not-use Array 不需要显示的列 可选择years, months, days, hours, minutes, seconds中的多个
native Boolean 使用原生 picker还是自定义的 picker自定义 picker 滚动不如原生)
picker-view Boolean 如果为 true相当于 picker-view 组件
format String YYYY-MM-DD HH:mm:ss 设置选中的时间显示的格式,支持 YYYYyyyyYYyyMMMDDddDdHH hhHhmmmsss
bindchange String 用户点击确认触发该事件,返回值为按“年,月,日,时,分,秒”顺序的数组,可以通过detail.value获取
bindcancel String 用户点击取消触发该事件

方法

名称 参数 描述
getFormatStr 返回 format 格式的字符串,在 picker-view 为 true 时比较实用

增强优化

  • 支持可选择时间区域限制
  • 滚动优化