Vue EasyUI 时间微调框

2020-06-24 11:45 更新

时间微调框（ TimeSpinner ）是基于微调器（ Spinner ）创建的组件。时间微调框（ TimeSpinner ）允许用户通过点击组件右侧的小微调按钮来增加或者减少时间。

属性列表

名称	数据类型	作用描述	默认值
value	string	字段值。	null
min	string	最小允许时间。	null
max	string	最大允许时间。	null
increment	number	单击微调按钮时增加值。	1
highlight	number	初始化突出显示的字段，0 =小时，1 =分钟	0
format	string	时间格式。	HH:mm

注：
- 继承： SpinnerBase 。

使用方法

<TimeSpinner placeholder="Select a time"
             v-model="time"
             min="08:30"
             max="18:10">
</TimeSpinner>
<p v-if="time">选择: {{time}}</p>

以上内容是否对您有帮助：