ElementUI DateTimePicker设置当前日期之前的时间禁止选择

发布时间:2021-07-12 09:59:26编辑:admin阅读(138)

    一、概述

    根据项目需求,选择日期,不能小于当前日期。

     

    二、代码实现

    test.vuie

    <template>
      <div>
        <el-date-picker
          v-model="value1"
          type="date"
          :picker-options="pickerOptions1"
          placeholder="选择日期">
        </el-date-picker>
      </div>
    </template>
    <script>
      export default {
        data() {
          return {
            value1: '',
            pickerOptions1: {
              disabledDate(time) {
                return time.getTime() < Date.now() - 8.64e7;
              },
            }
          }
        },
      }
    </script>
    <style scoped>
    
    </style>

    注意:pickerOptions1在data里面,而不是methods里面。

     

    1.png

     

    如果需要默认显示当前日期,可以将value1设置为:

    value1: new Date(),

    new Date()可以获取当前日期。

     

     

    本文参考链接:

    https://blog.csdn.net/qq_42074075/article/details/100014733


关键字