选择器
eui-calendar
继承
无
用法
<eui-calendar [(selection)]="value" style="width:250px;height:250px">
</eui-calendar>
输入
名称 | 类型 | 描述 | 默认 |
---|---|---|---|
border | boolean | 定义是否显示边框。 | true |
weeks | string[] | 显示周列表。 | ['S','M','T','W','T','F','S'] |
months | string[] | 显示月份列表。 | ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] |
showWeek | boolean | 定义是否显示周数。 | false |
weekNumberHeader | string | 显示在周号标头上的标签。 | |
selection | Date | 选中的日期 | null |
firstDay | number | 定义了一周的第一天。星期天是0,星期一是1,…… | 0 |
year | number | 历年。 | 今年 |
month | number | 日历月份。 | 当前月份 |
事件
名称 | 参数 | 描述 |
---|---|---|
selectionChange | Date | 更改选择时触发。 |
方法
名称 | 参数 | 返回值 | 描述 |
---|---|---|---|
selectDate | date:Date | void | 选择一个日期。 |
highlightDate | date:Date | void | 标出一个日期。 |
navDate | step:number | void | 浏览日期。 |