Angular EasyUI 日期框

2020-06-24 17:28 更新

日期框( DateBox )把可編輯的文本框和下拉日歷面板結(jié)合起來。 日期框( DateBox )在文本框中輸入的字符串可被轉(zhuǎn)換為有效日期。被選擇的日期也可以被轉(zhuǎn)換為期望的格式。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value Date 字段值。 null
selection Date 選中的日期。 null
format string 日期格式。 MM/dd/yyyy

字段列表

名稱 類型 作用描述
calendar CalendarComponent 下拉日歷組件。

事件列表

名稱 參數(shù) 作用描述
selectionChange Date 更改選擇時(shí)觸發(fā)。

注:
- 繼承: ComboBaseComponent 。
- 選擇器: eui-datebox 。

使用方法

<div style="margin-bottom:20px">
    <label [for]="d1" align="top">Default Format</label>
    <eui-datebox #d1 [(ngModel)]="value"></eui-datebox>
</div>
<div style="margin-bottom:20px">
    <label [for]="d2" align="top">yyyy-MM-dd</label>
    <eui-datebox #d2 [(ngModel)]="value" format="yyyy-MM-dd"></eui-datebox>
</div>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號