,可以通过设置disabledDate属性来实现。disabledDate是一个函数,用于判断某个日期是否应该被禁用。以下是一个示例代码:
<template>
<el-date-picker
v-model="date"
:disabled-date="disabledDate"
type="date"
placeholder="选择日期"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: null
};
},
methods: {
disabledDate(date) {
// 获取日期的星期几,0表示星期日,1表示星期一,以此类推
const day = date.getDay();
// 禁用星期一
return day === 1;
}
}
};
</script>
在上述代码中,我们通过disabledDate方法来判断日期是否应该被禁用。如果日期的星期几为1(即星期一),则返回true,表示禁用该日期。这样就可以在element-ui datepicker中禁用每个星期一了。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云云数据库MySQL、腾讯云云原生容器服务TKE。
腾讯云云服务器(CVM):https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL:https://cloud.tencent.com/product/cdb_mysql
腾讯云云原生容器服务TKE:https://cloud.tencent.com/product/tke
领取专属 10元无门槛券
手把手带您无忧上云