element-ui日期时间选择框picker-options如何禁用时间范围

<el-date-picker
    v-model="expireDate"
    type="datetime"
    @change="handle"                  
    format='yyyy-MM-dd HH:mm:ss'
    value-format='yyyy-MM-dd HH:mm:ss'
    :picker-options="pickerOptions"
    placeholder="选择日期"
/>
  • 时间 selectableRange [00:00:00 - 23:59:59]
  • 日期 disabledDate 前禁 || 后禁
data(){
    return {
       expireDate:'',
       pickerOptions: {
            selectableRange:(()=>{
              let data=new Date();
                let hour=data.getHours();
                let minute=data.getMinutes();
                let second=data.getSeconds();
                return [`${hour}:${minute}:${second} - 23:59:59`]
            })(),
            disabledDate(time) {
                const date=new Date();
                date.setFullYear(date.getFullYear()+2);
                date.setDate(date.getDate()-1);
                return (time.getTime() < Date.now() - 8.64e7)||(time.getTime()>date.getTime());
            }
        }
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容