zmc
2023-11-14 0ee16e9f5dd31c6c98df1a5fdcf081c8eb7f80df
src/sfc/TimeShortCuts.vue
@@ -18,6 +18,12 @@
import dayjs from 'dayjs';
export default {
  props: {
    beginAndEndTime:{
      type:Object,
      default: ()=>{
        return []
      }
    },
    timeType: {
      type: String,
      default: 'month'
@@ -29,8 +35,19 @@
      //保存开始和结束时间
      // 随便设置初始值 ,mounted时再设正确的,目的是改变时间了触发change
      time: ['2023-06-01 12:00:00', '2023-06-20 16:00:00'],
      shortcuts: []
      shortcuts: [],
      defaultTime :[
        new Date(2000, 1, 1, 0, 0, 0),
        new Date(2000, 2, 1, 23, 59, 59),
      ]
    };
  },
  watch:{
    beginAndEndTime(){
      if(this.beginAndEndTime.lenth!=0){
        this.time = this.beginAndEndTime
      }
    }
  },
  mounted() {
    this.initShortCuts();
@@ -90,7 +107,10 @@
        case 'currentMonth':
        this.time[0] = dayjs().startOf('month').format('YYYY-MM-DD HH:mm:ss')
        this.time[1] = dayjs().subtract(1,'day').format('YYYY-MM-DD 23:59:59')
        break
        // 防止在每月的1号,出现time[0]>time[1]的情况
        if(this.time[0]<this.time[1]){
          break
        }
        default:
          this.time[0] = dayjs().subtract(1, 'month').format('YYYY-MM-DD HH:mm:ss');
          this.time[1] = dayjs().format('YYYY-MM-DD HH:mm:ss');
@@ -113,6 +133,7 @@
      end-placeholder="结束时间"
      value-format="YYYY-MM-DD HH:mm:ss"
      @change="$emit('submitTime', time)"
      :default-time = "defaultTime"
      
    />
  </div>