ARangePickerEx 扩展日期选择

代码演示

基本用法

限制只能选择一年前到昨天，最多60天的区间

<template>
  <a-range-picker-ex
    v-model:value="timeRange"
    :min="1"
    minUnit="year"
    :max="-1"
    maxUnit="day"
    @change="handleChange"
  />
</template>

<script setup lang="ts">
import { ref } from "vue";
import dayjs from "dayjs";

const timeRange = ref([dayjs().add(-7, "day"), dayjs().add(-1, "day")]);
function handleChange(val) {
  console.log(val);
}
</script>

API

参数	说明	类型	默认值
max	最大可选择时间距离当日多长时间,dayjs.add()	number	0
maxUnit	最大值单位	string	day
min	最小可选择时间距离当日多长时间,dayjs.subtract()	number	0
minUnit	最小值单位	string	day
interval	可选择时间间隔，默认 60 天	number	60