element 日期选择器 只能选择今天之前或选择今天之后的日期

<template>
  <div class="app-container">
    <el-date-picker
      v-model="birthday"
      type="date"
      placeholder="请选择日期"
      :picker-options="pickerOptions"
    >
    </el-date-picker>
  </div>
</template>

<script>
export default {
  name: "Birthday",
  data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        },
      },
      birthday: ""
    };
  },
};
</script>

一、只能选择今天之前的日期

pickerOptions: {
  disabledDate(time) {
    return time.getTime() > Date.now();
  },
},

二、只能选择今天之后的日期

pickerOptions: {
  disabledDate(time) {
    return time.getTime() < Date.now();
  },
},

参考:DatePicker 日期选择器

posted @ 2020-06-26 20:02  dearyang  阅读(83)  评论(0)    收藏  举报