vue3 element表格datepicker怎么禁用日期
在Vue 3中使用Element UI的el-date-picker组件时，可以通过设置disabledDate属性来禁用日期。disabledDate是一个方法，接收当前日期作为参数，并应该返回一个布尔值来指示该日期是否被禁用。
以下是一个示例代码，展示如何禁用周末（例如，星期六和星期日）：
<template>
<el-date-picker
v-model="value"
type="date"
placeholder="选择日期"
:disabled-date="disabledWeekends"
></el-date-picker>
</template>
<script setup>
import { ref } from 'vue';
const value = ref(null);
// 禁用周末的函数
const disabledWeekends = (time) => {
// 获取星期，星期6和星期日返回true
return time.getDay() === 6 || time.getDay() === 0;
};
</script>在这个例子中，disabledWeekends函数检查所选日期的星期几，如果是星期六或星期日，它会返回true，表示该日期被禁用。您可以根据需要修改这个函数，以禁用特定的日期范围或单个日期。
评论已关闭