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>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号