Some documentation on this page is available in Chinese only. Component built-in messages follow English; untranslated example text remains in its original language.

DateRange

表单日期范围字段（带触发器）。内部使用 DateRangePicker。

纯面板请使用 DateRangePicker（默认无触发器）。

Examples

基本用法

选择类型

通过 type 切换日 / 周 / 月 / 年 / 季度范围。

自定义分隔符与占位

清除与禁用

带时间

尺寸

API

Props

参数	说明	类型	默认值
model-value	绑定值	(Date | string | number)[]	-
type	选择类型	date | week | month | year | quarter	date
open	弹层显隐	boolean	-
clearable	可清除	boolean	false
disabled	禁用	boolean | boolean[]	-
readonly	只读	boolean	false
size	尺寸	xs | sm | md | lg | xl	-
variant	输入框变体	filled | outline | standard	filled
separator	分隔符	string	-
placeholder	占位	string[]	-
disabled-date	禁用日期	Function	-
format	展示格式	string	-
show-time	选择时间	boolean	false
date-range-picker-props	透传给 DateRangePicker	object	{}