前端当日和区间时间的切换

<!-- 单日时间日期 v-model="date"-->
     <el-form-item v-show="isAdvancedSearch" label="检测时间">
      <el-date-picker
      v-model="queryParams.date"
      type="date"
      placeholder="选择日期"
      @change="handleDateChange"
      value-format="yyyy-MM-dd"
      >
    </el-date-picker>
    </el-form-item>
    
    <!-- 日期区间搜索 -->
    <el-form-item v-show="!isAdvancedSearch" label="检测时间">
      <el-date-picker
        v-model="dateRange"
        style="width: 240px"
        value-format="yyyy-MM-dd"
        type="daterange"
        range-separator="-"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        :default-value="queryParams.selectedDateRange"
      ></el-date-picker>
    </el-form-item>

<el-form-item>
        <el-button
        icon="el-icon-sort"
        size="mini"
        @click="toggleAdvancedSearch"
        >切换</el-button
      >
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

export default {
  name: "DressPhoto",
  data() {
    return {
      isAdvancedSearch: true, // 控制是否展示高级搜索条件
      date:null,
      }

methods: {
    handleDateChange(value) {
      // 当用户选择日期时触发
      this.queryParams.date = value;
    },

    toggleAdvancedSearch() {
      // 切换高级搜索条件的显示状态
      this.isAdvancedSearch = !this.isAdvancedSearch;
       // 切换日期选择器模式
      if (this.isAdvancedSearch) {
        this.dateRange = null; 

        var now = new Date();
        var year = now.getFullYear(); //得到年份
        var month = now.getMonth(); //得到月份
        var date = now.getDate(); //得到日期
        month = month + 1;
        month = month.toString().padStart(2, "0");
        date = date.toString().padStart(2, "0");
        var defaultDate = `${year}-${month}-${date}`;
        this.queryParams.date=defaultDate;
      } else {
        this.queryParams.date = null;

        var now = new Date();
        var year = now.getFullYear(); //得到年份
        var month = now.getMonth(); //得到月份
        var date = now.getDate(); //得到日期
        month = month + 1;
        month = month.toString().padStart(2, "0");
        date = date.toString().padStart(2, "0");
        var defaultDate = `${year}-${month}-${date}`;
        console.log(defaultDate);
        this.dateRange = [defaultDate, defaultDate];
        
      }
    }}

 getNowTime() {
      var now = new Date();
      var year = now.getFullYear(); //得到年份
      var month = now.getMonth(); //得到月份
      var date = now.getDate(); //得到日期
      month = month + 1;
      month = month.toString().padStart(2, "0");
      date = date.toString().padStart(2, "0");
      var defaultDate = `${year}-${month}-${date}`;
      console.log(defaultDate);
      //this.dateRange = [defaultDate, defaultDate];
      this.dateRange = null;
       this.$set(this.queryParams, "date", defaultDate);
    },