fes.js/packages/fes-doc/docs/ui/timePicker.md
2020-08-27 17:18:57 +08:00

5.4 KiB
Raw Blame History

pageClass
comp-page-class

TimePicker 时间选择

概述

基础组件,用于选择小时、分钟、秒。

代码示例

基础用法

设置小时选项间隔、分钟选项间隔、秒选项间隔

hello world

在 TimePicker 选择框底部显示自定义的内容。

通过 format 控制时间类型:

默认为 HH:mm:ss可配置为其他格式HH:mm、mm:ss 等等

通过disabledHoursdisabledMinutesdisabledSeconds设置禁止的部分时间

设置disabled 禁用

API

TimePicker Props

属性 说明 类型 默认值
value 日期的值可以使用v-model实现数据的双向绑定 String null
placeholder 未选择时间时的提示语 String 请选择时间
disabled 是否禁用 Boolean false
readonly 是否只读 Boolean false
icon 输入框左边的 icon String clock-circle-o
format 时间格式HH:mm:ss String HH:mm:ss
clearable 是否显示清除 icon Boolean false
hourStep 小时选项间隔 Number 1
minuteStep 分钟选项间隔 Number 1
secondStep 秒选项间隔 Number 1
disabledHours 禁止选择部分小时选项, function() Function null
disabledMinutes 禁止选择部分分钟选项, function(selectedHour) Function null
disabledMinutes 禁止选择部分秒选项, function(selectedHour, selectedMinute) Function null

TimePicker Events

事件名 说明 返回值
change 选择后触发 (value) => void