Components

DatePicker 日期选择

适用于备份、事件和任务记录的单日期与日期范围筛选，采用稳定的 YYYY-MM-DD 值。

日期范围筛选

范围选择器内置快捷范围；日期禁用和边界由调用方以本地日期键控制。

执行日期

事件时间范围

日期：2026-10-04 · 范围：2026-09-28 → 2026-10-04

<script setup lang="ts">
import { ref } from 'vue'
const date = ref('2026-10-04')
const range = ref({ start: '2026-09-28', end: '2026-10-04' })
</script>

<template>
  <DatePicker v-model="date" label="执行日期" min="2026-01-01" />
  <DateRangePicker v-model="range" label="事件时间范围" :presets="presets" />
</template>

API 参考

属性	类型	默认值	说明
`v-model`	`string`	`—`	DatePicker 绑定 YYYY-MM-DD 本地日期键。
`v-model`	`{ start: string; end: string }`	`—`	DateRangePicker 绑定起止日期键。
`min / max`	`string`	`—`	可选的 YYYY-MM-DD 可选日期边界。
`disabled-dates`	`string[] \| (date) => boolean`	`—`	禁用指定日期或自定义禁用规则。
`presets`	`{ label, value }[]`	`[]`	DateRangePicker 中的快捷日期范围。