跳到主要内容

DatePicker

容器属性

所有组件配置的第一层均支持容器属性

组件属性 componentsProps

NameTypeDefault是否支持 Variable PatternDescription
classNamestring✔️组件的 className
styleobject组件的 style
noTimeZoneboolfalseonChange 的时候是否去除日期的 time zone 信息
showTimebool | objectfalse是否显示时间
formatOptionsobjectIntl.DateTimeFormat的所有属性
disabledDateDisabledDate在选择日期的时候禁止选择某些日期

所有其余 componentsProps 将会被传给组件根元素(DatePicker)。

DisabledDate

NameTypeDefaultDescription
type'before' | 'after' | 'inRange' | 'outRange'禁止的类型
includeValueboolfalseIf true, the day of value(valueFrom, valueTo) itself is disabled
value'today' | 'tomorrow' | 'yesterday' | number | string当 type 等于 before or after 时候的禁止日期,string 表示具体的日期,number 表示基于当天日期的偏移量。
valueOffsetnumber可以指定 valueOffset 作为偏移量来往前或者往后移动 value
valueFrom'today' | 'tomorrow' | 'yesterday' | number | string当 type 等于 inRange or outRange 时的起始日期,string 表示具体的日期,number 表示基于当天日期的偏移量。
valueFromOffsetnumber可以指定 valueFromOffset 作为偏移量来往前或者往后移动 valueFrom
valueTo'today' | 'tomorrow' | 'yesterday' | number | string当 type 等于 inRange or outRange 时的终止日期,string 表示具体的日期,number 表示基于当天日期的偏移量。
valueToOffsetnumber可以指定 valueToOffset 作为偏移量来往前或者往后移动 valueFrom

JS API

通过 formApi.getFieldApi() 获取的接口如下:

NameTypeDescription
nodeHTML Element组件的根 DOM 元素