日期选择器，禁选时间，今天之前的不能选

最新推荐文章于 2024-05-21 17:19:31 发布

htt2321

最新推荐文章于 2024-05-21 17:19:31 发布

阅读量76

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_43204464/article/details/134051572

版权

 <el-date-picker
                                            value-format="yyyy-MM-dd"
                                            style="width: 380px"
                                            :picker-options="endDateOpt"
                                            v-model="form.month"
                                            type="date"
                                            @change="calculateDayOfWeek"
                                            placeholder="选择日期"
                                        >
                                        </el-date-picker>


data(){
   return{
     endDateOpt: {
                disabledDate: (time) => {
                    // 日期选择限制
                    let oneDay = 60 * 60 * 24 * 1000;
                    return time.getTime() < Date.now() - oneDay;
                }
            },
}

}，
//计算周几
methods:{
    calculateDayOfWeek() {
            console.log(12222);
            this.$nextTick(() => {
                this.form.week = '';
                if (this.form.month) {
                    console.log(this.form.month, 'this.form.month');
                    const dateParts = this.form.month.split('-');
                    const dayIndex = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]).getDay();
                    switch (dayIndex) {
                        case 0:
                            this.form.week = '周天';
                            break;
                        case 1:
                            this.form.week = '周一';
                            break;
                        case 2:
                            this.form.week = '周二';
                            break;
                        case 3:
                            this.form.week = '周三';
                            break;
                        case 4:
                            this.form.week = '周四';
                            break;
                        case 5:
                            this.form.week = '周五';
                            break;
                        case 6:
                            this.form.week = '周六';
                            break;
                        default:
                            this.form.week = '无效的 dayIndex'; // 如果 dayIndex 超出了 0 到 6 的范围
                    }
                    // this.form.week = dayIndex;
                    this.$forceUpdate();
                    console.log(this.form.week, 'this.form.Week');
                } else {
                    this.form.week = ''; // 如果没有选择日期，将星期几清空
                    this.$forceUpdate();
                }
            });
        },
}