Angular EasyUI 日期時間微調(diào)框

2020-06-24 17:28 更新

日期事件微調(diào)框( DateTimeSpinnerComponent )擴(kuò)展自時間微調(diào)框( TimeSpinnerComponent )。 日期事件微調(diào)框( DateTimeSpinnerComponent )允許用戶使用微調(diào)按鈕調(diào)整指定的字段。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value string 字段值。 null
min string 最小允許時間。 null
max string 最大允許時間。 null
increment number 單擊微調(diào)按鈕時增加值。 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>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號