DateTimePicker 由 DatePicker 和 TimePicker 派生, 或者其他选项可以参照 DatePicker 和 TimePicker。
通过设置type
属性为datetime
,即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 Date Picker 相同。
日期和时间范围
设置type
为datetimerange
即可选择日期和时间范围
默认的起始与结束时刻
使用进行范围选择时,在日期选择面板中选定起始与结束的日期,默认会使用该日期的00:00:00
作为起始与结束的时刻;通过选项default-time
可以控制选中起始与结束日期时所使用的具体时刻。default-time
接受一个数组,数组每项值为字符串,形如12:00:00
,其中第一项控制起始日期的具体时刻,第二项控制结束日期的具体时刻。
Picker Options
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
shortcuts | 设置快捷选项,需要传入 { text, onClick } 对象用法参考 demo 或下表 | Object[] | — | — |
disabledDate | 设置禁用状态,参数为当前日期,要求返回 Boolean | Function | — | — |
firstDayOfWeek | 周起始日 | Number | 1 到 7 | 7 |
Shortcuts
Event Name | Description | Parameters |
---|---|---|
change | 用户确认选定的值时触发 | 组件绑定值。格式与绑定值一致,可受 value-format 控制 |
blur | 当 input 失去焦点时触发 | 组件实例 |
focus | 当 input 获得焦点时触发 | 组件实例 |
Methods
Slots
Name | 说明 |
---|---|
range-separator | 自定义分隔符 |