DateField 日付選択

使用場面

• 特定の日時を入力または選択します。ユーザーが日付を入力する必要がある場合、標準の入力ボックスをクリックすると、日付パネルがポップアップして選択できます。

コンポーネント例

コンポーネント属性

属性	说明	类型	默认值
behavior	表单组件显示状态	Behavior	'NORMAL'
disabledDate	カスタム制限。type属性がcustomの場合に有効	(current: number)=> boolean	-
end	日付の終了時間。type属性がdurationの場合に有効	number	-
format	日付形式	'YYYY' | 'YYYY-MM' | 'YYYY-MM-DD'| 'YYYY-MM-DD HH:mm'| 'YYYY-MM-DD HH:mm:ss'	'YYYY-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: number})=> void	-
onOk	確認をクリックした際のイベント	({value: number})=> void	-
onVisibleChange	ポップアップ層の表示・非表示時に発生するイベント	(visible: boolean) => void	-
placeholder	プレースホルダーのヒント	string	'選択してください'
resetTime	日付選択時に時間をリセットするかどうか	boolean	false
returnType	日付の戻り値の型	'timestamp' | 'string' | 'moment'	'timestamp'
size	表单组件尺寸	Size	'medium'
start	日付の開始時間。type属性がdurationの場合に有効	number	-
tips	表单组件描述信息，展示在控件下方	string	-
type	時間制限範囲	'none' | 'beforeToday' | 'afterToday'| 'duration'| 'custom'	'none'
validation	表单组件校验设置，具体使用详见表单校验文档	Validation[]	[]
value	日付選択のデフォルト値	number	-
wrapperColOffset	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	number	0
wrapperColSpan	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	number	0