element 时间控件只能选择范围控制

<template>
  <div>
    <el-date-picker
      v-model="value1"
      :picker-options="pickerOptions"
      type="date"
      placeholder="选择日期"/>
  </div>
</template>

<script>
export default {
  data(){
    return{
      pickerOptions: {
        disabledDate(time){
          const start = new Date('2019-10-21');
          const end = new Date('2019-12-21');
          return time.getTime() < start.getTime() || time.getTime() > end.getTime();
        },
      },
      value1: '',
    };
  },
  methods: {
  },
};
</script>

<style lang="less" scoped>

</style>