# Time-Pikcer 时间控件

选择日

显示代码

选择日期范围

显示代码

选择周

显示代码

选择月

显示代码

选择年

显示代码

# Attributes

参数 说明 类型 可选值 默认值
type 显示类型 string year/month/week/date/daterange date
disabled 禁用 boolean - false
readonly 完全只读 boolean - talse
editable 文本框可输入 boolean - true
value/v-model 绑定值 date(DatePicker) / array(DateRangePicker) - -
clearable 是否显示清除按钮 boolean - true
size 输入框尺寸 string large,small,mini -
placeholder 非范围选择时的占位内容 string - -
start-placeholder 范围选择时开始日期的占位内容 string - -
end-placeholder 范围选择时结束日期的占位内容 string - -
connect-symbol 在daterange模式下链接startPlaceholder和endPlaceholder的符号 string - -
format 显示在输入框中的格式 string 见日期格式 Yyyy-MM-dd
popper-class DatePicker下拉框的类名 string - -
default-value 可选,选择器打开时默认显示的时间 Date - -
name 原生属性 string - -
picker-options 当前时间日期选择器特有的选项参考下表 object - -
value-format 可选,绑定值的格式。不指定则绑定值为 Date 对象 string 见日期格式 -
validate-event 输入时是否触发表单的校验 boolean - true
unlink-panels 在范围选择器里取消两个日期面板之间的联动 boolean - -
  • picker options
参数 说明 类型 可选值 默认值
onPick 选中日期后会执行的回调,只有当 daterangedatetimerange 才生效 Function - -
disabledDate 设置禁用状态,参数为当前日期,要求返回 Boolean Function - -
firstDayOfWeek 周起始日 Number 1 到 7 7
cellClassName 设置日期的 className Function(Date) - -
  • Events
事件名称 说明 回调参数
change 用户确认选定的值时触发 组件绑定值。格式与绑定值一致,可受 value-format 控制
blur 当 input 失去焦点时触发 组件实例
focus 当 input 获得焦点时触发 组件实例
  • Methods
方法名 说明 参数
focus 使 input 获取焦点 -