0.0.3 • Published 6 years ago

@alicd/crui-date-range-picker v0.0.3

Weekly downloads
1
License
-
Repository
-
Last release
6 years ago

category: Components type: UI Views component: Base chinese: 范围选择组件

english: DateRangePicker

API

DateRangePicker

参数说明类型默认值
className自定义组件样式类名stringN/A
size输入框大小可选值:'small', 'medium', 'large'"small""medium""large""medium"
value日期值[Date, Date]N/A
defaultValue默认日期值[Date, Date]N/A
onChange时间发生改变的回调(dateRange: [Date, Date], formatDateRange: [string, string]) => anyN/A
disabledDate日期禁用签名:Function(CalendarObject: Object) => Boolean参数:CalendarObject: {Object} null返回值:{Boolean} true 表示禁用,反之表示可用Function() => false
disabledHours禁用指定的小时,同 TimePickerFunctionN/A
disabledMinutes禁用指定的分钟,同 TimePickerFunctionN/A
disabledSeconds禁用指定的秒钟,同 TimePickerFunctionN/A
defaultVisible默认是否展开booleanN/A
visible是否展开booleanN/A
onVisibleChange当面板展开状态改变时的回调(visible: boolean) => voidN/A
popupStyle弹层样式objectN/A
popupAlign弹层对齐方式string"tl tl"
popupOffset弹层偏移[number, number][0, 0]
formater日期值格式化[string, string]["YYYY-MM-DD", "HH:mm:ss"]
disabled是否禁用booleanfalse
startDisabled是否单独禁用开始时间选框booleanfalse
endDisabled是否单独禁用结束时间选框booleanfalse
hasClear是否有清空按钮booleantrue
showTime是否显示时间或传入 { defaultValue } 设置时间初值boolean{ defaultValue: string }{ defaultValue: [string, string] }false
resetTime重新选择时是否重置时间booleantrue
readOnly输入框是否只读booleanfalse
renderQuickTool用于自定义弹层下方的工具栏,可配合 ranges 等工具函数使用(ops: { setValue; getValue; setVisible }) => ReactNodeN/A

DateRangePicker.ranges

类型:

       (src: [ReactNode, [Date, Date]])
    => (ops: {
        setValue:   (value: [Date, Date]) => void;
        getValue:   () => [Date, Date];
        setVisible: (visible: boolean): void;
    })
    => ReactNode

指定在 DateRangePickerrenderQuickTool 上,用于自定义预设的快捷选择日期范围。