elementUI 时间段快捷选择及禁用（包含d2-crud-plus中使用）

需求

vue项目elementUI，需求为时间范围搜索，带快捷键并且只能选择今天之前，90天内的时间。搜索今天为实时数据，不能使用时间段，只能单独搜索。

※注

需求是今天不可选，只有时间为空时才查询今天，所有下面代码中时间段快捷选择时，结束时间都是昨天。具体可根据自己需求修改。

效果

昨天

近一周

近一月

代码

<el-date-picker v-model="time" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
        size="small" value-format="yyyyMMdd" :picker-options="disableTime" />
       data() {
    return {
      disableTime: {
        disabledDate: (time) => {
          return time.getTime() > Date.now() - 1000 * 60 * 60 * 24 || time.getTime() < Date.now() - 1000 * 60 * 60 * 24 * 90
        }
      },
    }
  }, 

<script>
export default {
   
	data() {
   
		return {
   
			// 设置禁用范围
			disableTime: {
   
        		disabledDate: (time) => {
   
          			return time.getTime() > Date.now() - 1000 * 60 * 60 * 24 || time.getTime() < Date.now() - 1000 * 60 * 60 * 24 * 90
        		},
		        shortcuts