Skip to content

vDateRange 日期范围

日期范围选择器组件。

基础用法

vue
<script setup>
import { ref } from 'vue'
import { vDateRange } from '@twi1i9ht/visual-lib'

const dateRange = ref(['', ''])
</script>

<template>
  <vDateRange v-model="dateRange" />
</template>

Props

属性类型默认值说明
modelValue[string, string]绑定值 [开始, 结束]
formatstring'YYYY-MM-DD'日期格式
placeholder[string, string]['开始日期', '结束日期']占位符
disabledbooleanfalse禁用
clearablebooleantrue可清空
disabledDate(date: Date) => boolean禁用日期函数

Events

事件名参数说明
update:modelValue[start, end]值变化
change[start, end]日期变化

Released under the MIT License.