DateTimePicker 由 DatePicker 和 TimePicker 派生, 或者其他选项可以参照 DatePicker 和 TimePicker。

    通过设置type属性为datetime,即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 Date Picker 相同。

    日期和时间范围

    设置typedatetimerange即可选择日期和时间范围

    默认的起始与结束时刻

    使用进行范围选择时,在日期选择面板中选定起始与结束的日期,默认会使用该日期的00:00:00作为起始与结束的时刻;通过选项default-time可以控制选中起始与结束日期时所使用的具体时刻。default-time接受一个数组,数组每项值为字符串,形如12:00:00,其中第一项控制起始日期的具体时刻,第二项控制结束日期的具体时刻。

    Picker Options

    参数说明类型可选值默认值
    shortcuts设置快捷选项,需要传入 { text, onClick } 对象用法参考 demo 或下表Object[]
    disabledDate设置禁用状态,参数为当前日期,要求返回 BooleanFunction
    cellClassName设置日期的 classNameFunction(Date)
    firstDayOfWeek周起始日Number1 到 77

    Shortcuts

    Event NameDescriptionParameters
    change用户确认选定的值时触发组件绑定值。格式与绑定值一致,可受 value-format 控制
    blur当 input 失去焦点时触发组件实例
    focus当 input 获得焦点时触发组件实例

    Methods

    Slots

    Name说明
    range-separator自定义分隔符