el-date-picker不可选择超过当前时间

728 阅读1分钟

有时候需求可能是选择的时间不能大于当前的时间可以使用:picker-options属性加disabledDate属性来实现
html部分

<el-date-picker
            v-model="times"
            class="filter-item"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            style="width: 250px;"
            type="datetimerange"
            :picker-options="pickerOptionsStart"
            value-format="yyyy-MM-dd HH:mm"
 />

写在data中直接复制就可以了

data () {
    return {
    
      pickerOptionsStart: {
        // 时间不能大于当前时间
        disabledDate: (time) => {
          return time.getTime() > Date.now()
        }

    },