美文网首页
elementui 选择时间 不能选今天以前的时间,第二个时

elementui 选择时间 不能选今天以前的时间,第二个时

作者: Hello杨先生 | 来源:发表于2019-12-17 12:25 被阅读0次
     <el-form-item :inline="true"  width="200px;" class="time"  >
              <!--                label="活动时间" -->
              <el-col :span="6">
                <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;" :picker-options="pickerOptions0"></el-date-picker>
              </el-col>
              <el-col class="line" :span="1">-</el-col>
              <el-col :span="6">
                <el-date-picker type="date" placeholder="选择日期" v-model="form.date2" style="width: 100%;"   :picker-options="pickerOptions1" ></el-date-picker>
              </el-col>
            </el-form-item>
data(){
      return {
        //日期
        pickerOptions0: {
            disabledDate(time) {
              return time.getTime() < Date.now() - 8.64e7;
            }

        },
        pickerOptions1: {
          disabledDate: (time) => {
            return time.getTime() < this.form.date1;
          }
        },
}
           <el-form-item :inline="true" width="200px;" class="time">
              <!--                label="活动时间" -->
              <el-col :span="6">
                <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"
                                :picker-options="pickerOptions0"  value-format="yyyy-MM-dd"></el-date-picker>
              </el-col>
              <el-col class="line" :span="1">&nbsp;-</el-col>
              <el-col :span="6">
                <el-date-picker type="date" placeholder="选择日期" v-model="form.date2" style="width: 100%;"
                                :picker-options="pickerOptions1" value-format="yyyy-MM-dd"  ></el-date-picker>
              </el-col>
            </el-form-item>
        //日期
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;
          }

        },
        pickerOptions1: {
          // disabledDate: (time) => {
          //   return time.getTime() < this.form.date1;
          // }
          disabledDate: (time) => {
            return time.getTime() > this.form.date1 || time.getTime() < Date.now();
            // return time.getTime() > this.pickerOptions1
            // return time.getTime() < Date.now() - 8.64e7
          }
        },

相关文章

网友评论

      本文标题:elementui 选择时间 不能选今天以前的时间,第二个时

      本文链接:https://www.haomeiwen.com/subject/qajsnctx.html