使用vue+ts、element-plus中date-picker日期选择器限制选择的范围

文章目录

  • 案例:限制选择的范围是前一天
<template>
  <div>
    <el-date-picker
      v-model="timeRangeForm"
      format="YYYY-MM-DD"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :disabled-date="disableConfig"
    />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
const timeRangeForm = ref<Array<number>>([]);

// 限制日期选择器的范围
const disableConfig = (time: Date) => {
  console.log(time);
  return time.getTime() > Date.now();
};
</script>

<style scoped></style>

效果图片:
使用vue+ts、element-plus中date-picker日期选择器限制选择的范围_第1张图片

你可能感兴趣的:(前端,vue.js,javascript,前端)