禁止此秒之前日期时分秒

努力学习的木子

已于 2023-04-10 09:51:54 修改

阅读量186

点赞数

文章标签： javascript 前端 vue.js

于 2023-04-10 09:37:05 首次发布

本文链接：https://blog.csdn.net/weixin_53729216/article/details/129952383

版权

            trainingTime: {
                label: '培训时间',
                value: '',
                component: "el-date-picker",
                vBind: {
                    "value-format": "yyyy-MM-dd HH:mm:ss",
                    type: "datetime",
                    clearable: true,
                    ":picker-options": "pickerOptions",

                },
                vOn:{
                    change:"selectableRange"
                },
                data(){
                    return{
                        pickerOptions: {
                        //设置禁用状态，参数为当前日期
                        disabledDate:(time)=> {
                          // return time.getTime() < Date.now(); //当天不可选
                          console.log(time,'time--------')
                          return time.getTime() < new Date().getTime() - 86400000 ; //  - 86400000是否包括当天4
                        // return false
                        },
          
                      },
                    }
                },
                methods: {
                        //控制时分秒不可选
                    selectableRange(val) {
                   
                        console.log(val,'val')
                        let dateTime = new Date(val).getTime();
                        const t1 = new Date().getTime()
                        console.log(t1,'t1')
                        console.log(dateTime,'datatime')
                        console.log(this.obj.value,'this.obj.value')
                        let startTime = dateTime;
                        if (this.obj.value) {
                            if (t1>dateTime) {
                                this.$message.error("会议开始时间不能小于当前时间");
                                this.obj.value = "";
                                startTime = null;
                            }
                        }
                       
                      }
                },
            },

时间的一个禁用点击组件的此刻也不行他是按照秒去禁用的，注释本人写的挺详细的。