基本

可以选择或手动输入一个日期, 月, 年, 时间或者日期加时间

绑定值的类型

通过valueType去设置ｖ-model绑定的值的类型

• "format": 返回一个字符串，和输入框格式化之后的一样．
• "date"(default): 返回一个 Date 对象.
• "timestamp": 返回一个时间戳.
• token: 一个可以被解析的 token, 返回格式化这个 token 的字符串.

日期范围

支持选择一个日期范围

不可选择的日期和时间

可用 disabledDate 和 disabledTime 分别禁止选择部分日期和时间. 当你使用disabledDate 或 disabledTime的时候, 应该设置defaultValue的值是不被禁止选择的. defaultValue的默认值是new Date().setHour(0,0,0,0)

禁用和可编辑

• disabled: 设置组件是否禁用
• editable: 设置是否可手动输入

快捷选项

可以通过设置 shortcuts 提升用户体验. 也可以使用 slot header 或者 footer 去设置额外的元素.

控制时间选择的显示和隐藏(日期时间模式)

时间选择的显示可以通过 showTimePanel 控制. 默认情况下选择一个日期后时间面板就自动显示.

控制弹窗打开

可以通过 open 去控制弹窗的显示 下面的例子说明怎么关闭弹窗当选择秒的时候

隐藏秒和显示 am/pm

时间选择的列是自动显示通过 format的设置. 你可以通过 showHour showMinute showSecond 覆盖默认值

间隔的时间和自定义时间选择

设置间隔的时间通过hourStep minuteStep secondStep. 设置自定义的选择通过hourOptions minuteOptions secondOptions.

固定的时间列表

可以通过 timePickerOptions 提供一个固定的时间列表选择