日期选择器

用于选择日期或时间。

基础用法

<cb-form>
  <cb-form-group label="日期：">
    <cb-datetime-picker v-model="date" />
  </cb-form-group>
</cb-form>

选择日期和时间

<cb-form>
  <cb-form-group label="时间：">
    <cb-datetime-picker use-time v-model="date" />
  </cb-form-group>
</cb-form>

选择日期范围

<cb-form>
  <cb-form-group label="起止日期：">
    <cb-datetime-picker use-range :begin.sync="beginDate" :end.sync="endDate" />
  </cb-form-group>
</cb-form>

选择日期和时间范围

<cb-form>
  <cb-form-group label="起止时间：">
    <cb-datetime-picker use-range use-time :begin.sync="beginDate" :end.sync="endDate" />
  </cb-form-group>
</cb-form>

属性

参数 说明 类型 可选值 默认值
v-model 绑定值，获取和设置日期。 string — —
use-range 是否使用日期范围选择 boolean — false
begin 获取和设置开始时间，请使用 .sync 修饰符。 string — —
end 获取和设置结束时间，请使用 .sync 修饰符。 string — —
use-time 是否使用时间 boolean — false
separator 输入框中时间范围的分隔符。 string — 至
width 设置输入框宽度，单位 px。 string / number — —