禁用指定日期之前的方法

最新推荐文章于 2024-05-17 11:30:05 发布

h～r

最新推荐文章于 2024-05-17 11:30:05 发布

阅读量328

点赞数 1

文章标签： javascript vue.js html5

本文链接：https://blog.csdn.net/huang123rui45/article/details/117078302

版权

需求需要,获取指定日期并且禁用指定日期之前的小方法

在这里插入图片描述

  <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="160px" class="demo-ruleForm">
          <el-form-item label="合同子项号:" prop="contractSubNo">
            <el-input v-model="ruleForm.contractSubNo" type="input" style="width: 100%;" @focus="showContract" />
          </el-form-item>
          <el-form-item label="希望交货日期延迟到:" prop="expectDeliveryDate">
            <el-date-picker v-model="ruleForm.expectDeliveryDate" :picker-options="pickerOptions" type="date" placeholder="选择日期" style="width: 100%;" :disabled="isDisabled" />
          </el-form-item>
        </el-form>

data(){
return{
  pickerOptions: { // ? 禁用交货期之前的日期
        // disabledDate(time) {
        //   return time.getTime() < new Date() - 8.64e6 // 如果没有后面的-8.64e6就是不可以选择今天的
        // }
        disabledDate: time => {
          return (
            time.getTime() < new Date(this.orderDeliveryDate).getTime() - 8.64e6
          )
        }

      },
      }
      }