vue ele 日期时间格式限制不能早于当天，时间转换成时间戳 进行比较

<el-date-picker

            value-format="yyyy-MM-dd HH:mm:ss"

            v-model="ruleForm.planTimeStart"

            type="datetime"

            placeholder="选择日期"

            :picker-options="{

              disabledDate: (time) => {

                return time.getTime() < Date.now() - 3600 * 1000 * 24;

              }

            }"

            @change="getTime"

          ></el-date-picker>

 

<el-date-picker

            value-format="yyyy-MM-dd HH:mm:ss"

            v-model="ruleForm.planTimeEnd"

            type="datetime"

            placeholder="选择日期"

            :picker-options="{

              disabledDate: (time) => {

                return time.getTime() < Date.now() - 3600 * 1000 * 24;

              }

            }"

            @change="getTimes"

          >

          </el-date-picker>

 温馨提示： 这里只判断不能早于当天的时间，具体到分到秒的自行转换成 时间戳去判断

 

data 部分： 

startTime  ：‘’，

endTime  ： ‘’，

js 部分

 

//获取时间

    getTime(val) {

      // 时间转换成时间戳

      this.startTime = new Date(val).getTime() / 1000

 

    },

 

getTimes(val){

      // 时间转换成时间戳

      this.endTime = new Date(val).getTime() / 1000

      if( this.endTime <= this.startTime ){

        this.ruleForm.planTimeEnd = ''

        this.$message.error("结束时间不能早于开始时间")

        return

      }

    },