搜索时间段(el-date-picker)，公用方法

<el-form-item label="开始日">
        <el-date-picker v-model="startRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
                        type="daterange" range-separator="-" start-placeholder="开始日开始时间"
                        end-placeholder="结束日结尾时间"
                        @blur="handleQuery"/>
      </el-form-item>
      <el-form-item label="结束日">
        <el-date-picker v-model="endRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
                        type="daterange" range-separator="-" start-placeholder="结束日开始时间"
                        end-placeholder="结束日结尾时间"
                        @blur="handleQuery"/>
      </el-form-item>

//data里数据
startRangeCreateTime: '',
endRangeCreateTime: '',

/** 查询列表 */
      getList() {
        this.loading = true;
        // 处理查询参数
        let params = {...this.queryParams};
        this.addBeginAndEndTime(params, this.startRangeCreateTime, 'startTime');
        this.addBeginAndEndTime(params, this.endRangeCreateTime, 'endTime');
        console.log(params, this.startRangeCreateTime, this.endRangeCreateTime, 'params')
        // 执行查询
        getContractPage(params).then(response => {
          console.log("合同列表", response)
          this.list = response.data.list;
          this.total = response.data.total;
          this.loading = false;
        });
      },

打印结果

this.addBeginAndEndTime公共方法

/**
 * 添加开始和结束时间到 params 参数中
 *
 * @param params 参数
 * @param dateRange 时间范围。
 *                大小为 2 的数组，每个时间为 yyyy-MM-dd 格式
 * @param propName 加入的参数名，可以为空
 */
export function addBeginAndEndTime(params, dateRange, propName) {
  // 必须传入参数
  if (!dateRange) {
    return params;
  }
  // 如果未传递 propName 属性，默认为 time
  if (!propName) {
    propName = 'Time';
  } else {
    propName = propName.charAt(0).toUpperCase() + propName.slice(1);
  }
  // 设置参数
  if (dateRange[0]) {
    params['begin' + propName] = dateRange[0] + ' 00:00:00';
  }
  if (dateRange[1]) {
    params['end' + propName] = dateRange[1] + ' 23:59:59';
  }
  return params;
}

公共方法引用

//main.js

import { parseTime, resetForm, addDateRange, addBeginAndEndTime, handleTree} from "@/utils/ruoyi";
// 全局方法挂载
Vue.prototype.addBeginAndEndTime = addBeginAndEndTime