继承
LocaleBase
用法
<Calendar
style={{ width: 250, height: 250 }}
selection={this.state.value}
onSelectionChange={this.handleSelectionChange.bind(this)}
/>
属性
名称 | 类型 | 描述 | 默认 |
---|---|---|---|
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 | 日历月份。 | 当前月份 |
validator | function(date) | 验证日期的函数 | return true |
事件
名称 | 参数 | 描述 |
---|---|---|
onSelectionChange | Date | 选择更改时触发。 |
方法
名称 | 参数 | 返回值 | 描述 |
---|---|---|---|
selectDate | date | void | 选择一个日期。 |
highlightDate | date | void | 标出一个日期。 |
navDate | step | void | 浏览日期。 |