el-date-picker 开始日期 结束日期 选择限制

59 阅读1分钟
<el-form-item label="时间:">
              <template>
                <div flex >
                  <el-date-picker
                    v-model="form.startTime"
                    placeholder="开始日期"
                    value-format="yyyy-MM-dd hh:mm:ss"
                    :picker-options="pickerOptionsStart"
                  >
                  </el-date-picker>
                  <div style="flex: none;margin:0 5px"> - </div>
                  <el-date-picker
                    v-model="form.endTime"
                    placeholder="结束日期"
                    value-format="yyyy-MM-dd hh:mm:ss"
                    :picker-options="pickerOptionsEnd"
                  >
                  </el-date-picker>
                </div>
              </template>
            </el-form-item>

data () 
    {  
        return {            pickerOptionsStart: {  disabledDate: time => {    let endDateVal = this.form.endTime    if (endDateVal) {      return time.getTime() > (new Date(endDateVal).getTime())    }  }},