TimePicker时间选择器

引入

{
  "usingComponents": {
    "x-time-picker": "waft-ui/assembly/time-picker/time-picker"
  }
}

代码示例

  <x-time-picker
    show="{{ showTimePicker }}"
    clickConfirm="clickConfirm"
    clickCancel="clickCancel"
    change="handleChange"
    minMinute="{{30}}"
    maxMinute="{{60}}"
  ></x-time-picker>

{
  "state":{
    "showTimePicker": false
  }
}

效果展示

API

• props | 参数 | 说明 | 类型 | 默认值 | | —- | —- | —- | —- | | show | 是否显示选择器 | boolean | false | | minMinute | 最小可选分钟 | number | 1 | | maxMinute | 最大可选分钟 | number | 60 | | minHour | 最小可选小时 | number | 1 | | maxHour | 最大可选小时 | number | 12 |

• Event | 事件名 | 说明 | 返回值 | | —- | —- | —- | | clickConfirm | 点击确定按钮触发 | 当前选中数据 | | clickCancel | 点击取消按钮触发 | 当前选中数据 | | change | 数据发生改变时触发 | 发生改变的列选中的数据 |