CascadeDateField Date Range

When to Use

• Input or select a date range. When users need to input a date range, they can click the standard input box to pop up the date panel for selection.

Component Example

Component Properties

属性	说明	类型	默认值
behavior	表单组件显示状态	Behavior	'NORMAL'
disabledDate	Custom restriction, effective when the type property is custom	(current: number)=> boolean	-
format	Date range component display format	'YYYY' | 'YYYY-MM' | 'YYYY-MM-DD' | 'YYYY-MM-DD HH:mm' | 'YYYY-MM-DD HH:mm:ss'	'YYYY-MM-DD'
hasClear	Show clear button	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	Component value change event	({value: object}) => void	-
onOk	Event triggered when clicking OK	(value: object) => void	-
onVisibleChange	Event triggered when popup layer is shown or hidden	(visible: boolean) => void	-
placeholder	Placeholder hint message for the form component	string	'Please Select'
ranges	Quick range selection	()=> number[]	-
resetTime	Whether to reset time when selecting date each time	boolean	false
returnType	Date range return type	'timestamp' | 'string' | 'moment'	'timestamp'
size	表单组件尺寸	Size	'medium'
tips	表单组件描述信息，展示在控件下方	string	-
validation	表单组件校验设置，具体使用详见表单校验文档	Validation[]	[]
value	Default value of the form component	number[]	-
wrapperColOffset	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	number	0
wrapperColSpan	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	number	0