• DatePicker 日期选择器
    • 选择日
    • 其他日期单位
    • 选择日期范围
    • 公共参数
    • DatePicker
    • DateRangePanel

    DatePicker 日期选择器

    用于选择或输入日期

    选择日

    以「日」为基本单位，基础的日期选择控件

    Date Picker 日期选择器 - 图1

    其他日期单位

    通过扩展基础的日期选择，可以选择周、月、年

    Date Picker 日期选择器 - 图2

    选择日期范围

    可在一个选择器中便捷地选择一个时间范围

    Date Picker 日期选择器 - 图3

    公共参数

    参数说明类型可选值默认值
    placeholder占位内容string——
    format时间日期格式化string年 yyyy，月 MM，日 dd，小时 HH，分 mm，秒 ssyyyy-MM-dd
    align对齐方式stringleft, center, rightleft
    isShowTrigger是否显示图标boolean-true
    isReadOnly是否是只读boolean-false
    isDisabled是否是禁用boolean-false
    isShowTime是否显示时间boolean-false
    firstDayOfWeek周起始日Number0 到 60
    onFocusfocus 事件触发(SyntheticEvent)=>()--
    onBlurblur 事件触发(SyntheticEvent)=>()--

    DatePicker

    参数说明类型可选值默认值
    value-Date/null—-
    shortcuts快捷选项{text: string, onClick: ()=>()}[]--
    selectionMode日期类型string, one of ['year', 'month', 'week', 'day']-'day'
    disabledDate是否禁用日期(Date, selectionMode)=>boolean--
    showWeekNumber是否展示周数boolean-false

    DateRangePanel

    参数说明类型可选值默认值
    value-Date[]/null—-
    shortcuts快捷选项{text: string, onClick: ()=>()}[]--
    showWeekNumber是否展示周数boolean-false
    rangeSeparator选择范围时的分隔符string-' - '