DatetimePickerView 日期时间选择器视图

基本用法

value 设置绑定值，默认为 'datetime' 类型，展示年月日时分，绑定值为 时间戳 类型，如果为 'time' 类型，绑定值为字符串。

<wd-datetime-picker-view value="{{value}}" label="日期选择" bind:change="handleChange" />

Page({
  data: {
    value: Date.now(),
  },
  handleChange (event) {
    this.setData({
      value: event.detail.value
    })
  }
})

date 类型

'date' 类型只展示年月日。

<wd-datetime-picker-view type="date" value="{{value}}" label="年月日" />

Page({
  data: {
    value: Date.now(),
  }
})

year-month 类型

'year-month' 类型只展示年月。

<wd-datetime-picker-view type="year-month" value="{{value}}" label="年月" />

Page({
  data: {
    value: Date.now(),
  }
})

time 类型

'time' 类型只展示时分。

<wd-datetime-picker-view type="time" value="{{value}}" label="时分" />

Page({
  data: {
    value: Date.now(),
  }
})

修改内部格式

自定义函数必须写在data中

给 formatter 属性传入一个函数，接收 type 和 value 值，返回展示的文本内容。type 有 year、month、date、hour、minute 类型，value 为 number 类型。使用自定义formatter会关闭内置的默认display-format函数。

<wd-datetime-picker-view value="{{value}}" label="内部格式" formatter="{{formatter}}" />

Page({
  data: {
    value: Date.now(),
    formatter (type, value) {
      switch (type) {
        case 'year':
          return value + '年'
        case 'month':
          return value + '月'
        case 'date':
          return value + '日'
        case 'hour':
          return value + '时'
        case 'minute':
          return value + '分'
        default:
          return value
      }
    }
  }
})

过滤选项

给 filter 属性传入一个函数，接收 type 和 values 值，返回列的选项列表。type 有 year、month、date、hour、minute 类型，values 为 number数组。