jeecgboot2.2页面直接通过创建时间查询

╰半夏微凉° 2022-12-27 07:15 147阅读 0赞

### 文章目录 ###

*  1：页面代码
 *  2：需要引入的包
 *  3：定义参数
 *  4：用到的方法：

> 创建时间，不传后台，后台可以通过参数接收

![在这里插入图片描述][20210125101347317.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]

# 1：页面代码 #

<a-col :xl="8" :lg="16" :md="24" :sm="32">
                <a-form-item label="创建时间" >
                  <a-range-picker
                    :ranges="{ Today: [moment(), moment()], 'This Month': [moment(), moment().endOf('month')] }"
                    style="width: 350px"
                    v-model="queryParam.createTimeRange"
                    show-time
                    format="YYYY-MM-DD HH:mm:ss"
                    :placeholder="['开始时间', '结束时间']"
                    @change="onDateChange"
                    @ok="onDateOk"
                  />
                </a-form-item>
              </a-col>

# 2：需要引入的包 #

import { filterObj } from '@/utils/util';
     import moment from 'moment';

# 3：定义参数 #

// 查询条件
            queryParam: {
              createTimeRange:[],
            },

# 4：用到的方法： #

moment,
     getQueryParams(){
            var param = Object.assign({}, this.queryParam,this.isorter);
            param.field = this.getQueryField();
            param.pageNo = this.ipagination.current;
            param.pageSize = this.ipagination.pageSize;
            delete param.createTimeRange; // 时间参数不传递后台
            if (this.superQueryParams) {
              param['superQueryParams'] = encodeURI(this.superQueryParams)
              param['superQueryMatchType'] = this.superQueryMatchType
            }
            return filterObj(param);
          },
           // 重置
          searchReset(){
            var that = this;
            that.queryParam = {}; //清空查询区域参数
            that.loadData(this.ipagination.current);
          },
           onDateChange: function (value, dateString) {
            console.log(dateString[0],dateString[1]);
            this.queryParam.createTime_begin=dateString[0];
            this.queryParam.createTime_end=dateString[1];
          },
          onDateOk(value) {
            console.log(value);
          },

[20210125101347317.png_pic_center]: /images/20221120/341763d579e74e22987a5def10ff6f9d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20210125101355975.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy,size_16,color_FFFFFF,t_70#pic_center