创建时间,不传后台,后台可以通过参数接收
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);
},