Skip to content

DateRangePicker 日期范围选择器

基础使用

date-picker组件基本相同的用法,只不过输出的数据是一个长度为 2 的元组类型

属性

ts
/** date-range-picker组件属性 */
export interface DateRangePickerProps extends FormComponentProps {
  modelValue?: [string, string]
  /** 占位 */
  placeholder?: [string, string]
  /** 日期类型 */
  type?: 'date' | 'month' | 'year'
  /** 日期格式化 */
  format?: string
  /** 日期值格式化, 当没有指定时默认使用format属性,仅当值和显示的内容不一致时才需要使用到该属性 */
  valueFormat?: string
  /** 最小可选日期 */
  disabledDate?: (date: Dater) => boolean
  /** 是否显示清除按钮 */
  clearable?: boolean
}

事件

ts
/** date-range-picker组件事件 */
export interface DateRangePickerEmits extends FormComponentEmits {
  (e: 'update:modelValue', value?: [string, string]): void
}

基于 MIT 协议