vue使用 element-ui 禁止 DateTimePicker 选择时间

效果图：

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

• 1、在组件data 声明 pickerOptions

    data () {
        
        
  	   return {
        
        
  	        pickerOptionsStart: {
        
        }
  	    };
  	},
  

2、 在 生命周期（created） 需要改 pickerOptionsStart

// 禁止选择今天以及今天之前的日期
 this.pickerOptionsStart = {
    
    
      disabledDate: (time) => {
    
    
        var today = new Date()
        var targetdayMilliseconds = today.getTime() + 1000 * 60 * 60 * 24 * 8 
        // 这里的 8 就是多少天后，可以输入正数也可以输入负数
        today.setTime(targetdayMilliseconds)
        return time.getTime() < today.getTime()
      }
    }