这个需求是有模块要页面一进来给个最近一周的默认值在表单,但是使用默认值上传会把时分秒计算在内,这个js计算方法是在网上找的,其他大佬写的,毕竟需求还是不一样的
最终一个效果就是 yyyy-MM-dd hh:mm:ss 例如:2022-07-18 07:59:29
废话不多说,直接把时分秒去掉 -> 看代码
//初始默认时间执行
getNowTime() {
const start = new Date(new Date().getTime() - 3600 * 1000 * 24 * 7);
//默认开始时间7天前
const starts = this.parseTime(start, "{y}-{m}-{d}");
const end = new Date(new Date().getTime() - 3600 * 1000 * 24);
//默认结束时间1天前
const ends = this.parseTime(end, "{y}-{m}-{d}");
console.log([start, end]);
// 将计算得到的初始值赋给绑定在表单的开始和结束字段
this.queryParams.startTime = starts;
this.queryParams.endTime = ends;
// 返回
return [starts, ends];
},
页面一刷新,就将计算得来的值赋给表单字段
mounted() {
// 页面一进来给个默认时间
this.tabData.chooseDate = this.getNowTime();
},
绑定的属性:
将v-model="tabData.chooseDate" 绑定至对应el-date-picker表单即可
这里说一下type属性会影响显示的类型
感兴趣可以自己去设不同的值,选自己需求的效果即可