美文网首页
element el-date-picker 开始时间小于结束时

element el-date-picker 开始时间小于结束时

作者: 冰落寞成 | 来源:发表于2023-02-27 17:35 被阅读0次
<el-date-picker
        v-model="filterParames.startTime"
        type="datetime"
        placeholder="选择开始时间"
        :picker-options="pickerOptionsStart"
        >
        </el-date-picker>
      </div>
      <div class="bottom-item">
        <div class="item-label">结束时间</div>
        <el-date-picker
          v-model="filterParames.endTime"
          type="datetime"
          placeholder="选择结束时间"
          :picker-options="pickerOptionsEnd">
        </el-date-picker>
data () {
    return {
      filterParames: {
        keyWord: null, // 关键字
        startTime: new Date(), // 开始时间
        endTime: new Date(), // 结束时间
        status: 1
      },
     pickerOptionsStart: {
        disabledDate: time => {
          if (this.filterParames.endTime) {
            return time.getTime() > new Date(this.filterParames.endTime).getTime()
          }
        }
      },
      pickerOptionsEnd: {
        disabledDate: time => {
          if (this.filterParames.startTime) {
            return time.getTime() < new Date(this.filterParames.startTime).getTime() - 24 * 60 * 60 * 1000
          }
        }
      }
    }

相关文章

网友评论

      本文标题:element el-date-picker 开始时间小于结束时

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