CascadeDateField 日期区间 - DingTalk Help Center

何时使用

输入或选择日期区间。当用户需要输入一个日期区间，可以点击标准输入框，弹出日期面板进行选择。

组件示例

组件属性

属性	说明	类型	默认值
`behavior`	表单组件显示状态	Behavior	`'NORMAL'`
`disabledDate`	自定义限制，当type属性为custom时生效	`(current: number)=> boolean`	-
`format`	日期区间组件显示格式	`'YYYY' \| 'YYYY-MM' \| 'YYYY-MM-DD' \| 'YYYY-MM-DD HH:mm' \| 'YYYY-MM-DD HH:mm'YYY-MM-DD HH:mm:ss`	`'YYY-MM-DD'`
`hasClear`	显示清除按钮	`boolean`	`true`
`label`	表单组件标题	`string`	-
`labelAlign`	表单组件标题的位置	`'left' \| 'top'`	`'top'`
`labelColOffset`	设置标题的偏移位置，配置值为栅格值，1代表1/24	`number`	`0`
`labelColSpan`	设置标题的占位宽度，配置值为栅格值，1代表1/24	`number`	`4`
`labelTextAlign`	表单组件的标题对齐方式	`'left' \| 'right'`	`'right'`
`labelTipsIcon`	表单组件标题提示信息入口图标，当labelTipsTypes取值为 text 或 render 时生效	`string`	-
`labelTipsRender`	表单组件标题提示信息自定义渲染方法，当labelTipsTypes取值为 render 时生效	`(props: IComponentProps) => ReactNode`	-
`labelTipsText`	表单组件标题提示文本信息，当labelTipsTypes取值为 text 时生效	`string`	-
`labelTipsTypes`	表单组件标题提示信息类型设置	LabelTipsTypes	`'none'`
`onChange`	组件值发生改变事件	`({value：object}) => void`	-
`onOk`	点击确认时触发事件	`(value: object) => void`	-
`onVisibleChange`	弹层显示或隐藏时触发事件	`(visible：boolean) => void`	-
`placeholder`	表单组件占位提示信息	`string`	`'请选择'`
`ranges`	快速区间选择	`()=> number[]`	-
`resetTime`	每次选择日期时是否重置时间	`boolean`	`false`
`returnType`	日期区间返回类型	`'timestamp' \| 'string' \| 'moment'`	`'timestamp'`
`size`	表单组件尺寸	Size	`'medium'`
`tips`	表单组件描述信息，展示在控件下方	`string`	-
`validation`	表单组件校验设置，具体使用详见表单校验文档	Validation[]	`[]`
`value`	表单组件的默认值	`number[]`	-
`wrapperColOffset`	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	`number`	`0`
`wrapperColSpan`	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	`number`	`0`