Angular EasyUI 日期时间微调框

2020-06-24 17:28 更新

日期事件微调框( DateTimeSpinnerComponent )扩展自时间微调框( TimeSpinnerComponent )。 日期事件微调框( DateTimeSpinnerComponent )允许用户使用微调按钮调整指定的字段。

属性列表

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

注意:
- 继承: TimeSpinnerComponent 。
- 选择器: eui-datetimespinner 。

使用方法

<div style="margin-bottom:20px">
    <label [for]="t1">Start:</label>
    <eui-datetimespinner #t1 [(ngModel)]="time1"></eui-datetimespinner>
</div>
<div style="margin-bottom:20px">
    <label [for]="t2">End:</label>
    <eui-datetimespinner #t2 [(ngModel)]="time2"></eui-datetimespinner>
</div>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号