"
"
日期选择框设置:
<el-form-item label="">
<el-date-picker
v-model="daterangeCreateTime"
style="width: 350px"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
/>
</el-form-item>
data中初始化数据:
data() {
return {
// 创建时间时间范围
daterangeCreateTime: []
}
create周期时候设置初始化:
created() {
// 初始化查询,默认为前一天
this.daterangeCreateTime = this.timeDefault;
this.getList(); //获取列表
}
computer周期中增加:
computed: {
timeDefault() {
var date = new Date();
var s1 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate()) + " 00:00:00";
var s2 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate()) + " 23:59:59";
return [s1, s2];
}
},
为了防止没有赋值上初始值,this.getList中完善:
getList() {
this.loading = true;
if (null === this.daterangeCreateTime && '' === this.daterangeCreateTime) {
this.daterangeCreateTime = this.timeDefault;
}
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
this.queryParams["beginCreateTime"] = this.daterangeCreateTime[0];
this.queryParams["endCreateTime"] = this.daterangeCreateTime[1];
}
listList(this.queryParams).then(response => {
xxxxxxx
});