Angular EasyUI 时间微调框
2020-06-24 17:28 更新
时间微调框( TimeSpinnerComponent )是基于微调器( SpinnerComponent )创建的组件。 时间微调框( TimeSpinnerComponent )允许用户通过点击组件右侧的小微调按钮来增加或者减少时间。
属性列表
名称 | 数据类型 | 作用描述 | 默认值 |
---|---|---|---|
value | string | 字段值。 | null |
min | string | 最小允许时间。 | null |
max | string | 最大允许时间。 | null |
increment | number | 单击微调按钮时增加值。 | 1 |
highlight | number | 初始化突出显示的字段,0 =小时,1 =分钟 | 0 |
format | string | 时间格式。 | HH:mm |
注:
- 继承: SpinnerBaseComponent 。
- 选择器: eui-timespinner 。
使用方法
<div style="margin-bottom:20px">
<label [for]="t1">Start Time:</label>
<eui-timespinner #t1 [(ngModel)]="time1"></eui-timespinner>
</div>
<div style="margin-bottom:20px">
<label [for]="t2">End Time:</label>
<eui-timespinner #t2 [(ngModel)]="time2"></eui-timespinner>
</div>
以上内容是否对您有帮助:
更多建议: