メインコンテンツまでスキップ

CascadeDateField 期間日付

使用場面

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

コンポーネント例

コンポーネント属性

属性说明类型默认值
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取值为 textrender 时生效

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

この文書は機械翻訳により生成されています。翻訳により生じた齟齬や相違点は拘束力を持たず、コンプライアンスや執行目的において法的効力はありません。
© DingTalk (Singapore) Private Limited