el-date-picker日期组件选择日期限制

<el-form-item label="开始日期" prop="startDate">
	<el-date-picker
	  v-model="form.startDate"
	  type="date"
	  value-format="yyyy-MM-dd"
	  :picker-options="pickerOptions0"
	>
	</el-date-picker>
	</el-form-item>
	<el-form-item label="结束日期">
	<el-date-picker
	  v-model="form.endDate"
	  type="date"
	  value-format="yyyy-MM-dd"
	  :picker-options="pickerOptions1"
	>
	</el-date-picker>
</el-form-item>

// js 数据日期限制
data() {
    return {
      pickerOptions0: {
        disabledDate: (time) => {
          if (this.form.endDate != "") {
            return (
              time.getTime() > new Date(this.form.endDate).getTime() || 
              time.getTime() > Date.now()
            );
          } else {
            return time.getTime() > Date.now();
          }
        },
      },
      pickerOptions1: {
        disabledDate: (time) => {
          if (this.form.startDate != "") {
            return (
              time.getTime() < new Date(this.form.startDate).getTime() ||
              time.getTime() > Date.now()
            );
          } else {
            return time.getTime() > Date.now();
          }
        },
      },
    }
},

未经允许不得转载： 红吉他 » HTML5 » el-date-picker日期组件选择日期限制