跳到主要内容

eo-date-picker

<eo-date-picker>

构件 eo-date-picker

Examples

Basic

Playground

picker

Playground

showTime

Playground

禁用日期

Playground

With Form

Playground

Properties

NameDescriptionTypeDefaultRequired
name

日期选择器字段名

string
label

日期选择器说明

string
value

日期选择器的初始值

string
placeholder

日期选择器占位说明

string
message

校验文本信息

Record<string, string>
disabled

是否禁用

boolean
required

是否必填

boolean
showTime

是否显示时间, 当设为 true 时, 请同时设置 formatYYYY-MM-DD HH:mm:ss 使其也显示具体时,分,秒 的时间

boolean
format

显示预览的格式,具体配置参考 dayjs,注意,这里并非是定义给后台的数据格式,给后台的数据格式定义请参考 general-form 构件的 valueTypes 属性

string
picker

设置选择器类型

PickerMode
futureDateDisabled

不可选择未来日期,优先级高于disabledDate

boolean
disabledDate

不可选择的日期

DisabledDateType
useFastSelectBtn

快速选项

boolean
inputStyle

输入框样式

CSSProperties

Events

NameDescriptionEvent Detail
change

日期变化时触发

string
ok

点击确定按钮触发(showTime 为 true 使用)

string

Type references

DisabledDate

NameTypeRequiredDescription
secondstring | number
minutestring | number
hourstring | number
datestring | number
monthstring | number
yearstring | number
weekdaystring | number

PickerMode

"date" | "week" | "month" | "year" | "quarter"

DisabledDateType

DisabledDate | DisabledDate[]