<el-date-picker
v-model="value2"
type="date"
placeholder="选择日期"
:disabled-date="disabledDate"
:shortcuts="shortcuts"
>
</el-date-picker>
<script>
import { defineComponent, reactive, toRefs } from 'vue';
export default defineComponent({
setup() {
const state = reactive({
value2:'',
disabledDate(time) {
return time.getTime() > Date.now(); // 今天时间之后的不能选择
},
});
return {
...toRefs(state),
}
},
});
</script>
disabledDate在这个方法中去比较和想要的日期去比较要是凡是true就可用,返回false就会被禁止掉了
https://element-plus.gitee.io/#/zh-CN/component/date-picker