Angular EasyUI 日期框

日期框（ DateBox ）把可编辑的文本框和下拉日历面板结合起来。日期框（ DateBox ）在文本框中输入的字符串可被转换为有效日期。被选择的日期也可以被转换为期望的格式。

属性列表

名称	数据类型	作用描述	默认值
value	Date	字段值。	null
selection	Date	选中的日期。	null
format	string	日期格式。	MM/dd/yyyy

字段列表

名称	类型	作用描述
calendar	CalendarComponent	下拉日历组件。

事件列表

名称	参数	作用描述
selectionChange	Date	更改选择时触发。

注：
- 继承： 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>