Calendar 日历

用于展示日期数据的容器。

Calendar

Props

Prop NameTypeRequiredDefaultDescription
value
TDate | null
当前值,受控
rangeValuetuple
范围值
defaultValue
TDate | null
默认值,非受控
onSelect
(t: Moment) => void
@deprecated
使用 onChange 来替换
onChange
(t: Moment) => void
选中变化回调
currentTDate
defaultCurrentTDate
onCurrentChange
(v: TDate) => void
rulesRules
自定义规则
customStyle
{
/**
* 外层阴影,为 false 时隐藏
*/
boxShadow?: boolean;
}
自定义样式
type
'date' | 'month'
类型

说明

  • 这是 日历 组件
  • 需要自行导入 moment 语言包、设置时区

演示

普通使用

VIEW CODE ( LIVE )

范围

VIEW CODE ( LIVE )

value / defaultValue - 选中的时间 (受控 / 非受控)

VIEW CODE ( LIVE )

rules - 自定义规则

VIEW CODE ( LIVE )

month - 月历

VIEW CODE ( LIVE )

组合

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司