需求:日期默认展示一个月
js日期组件
// 获取当前日期
const today = function(){
//获取当前日期
let myDate = new Date();
let nowY = myDate.getFullYear();
let nowM = myDate.getMonth() + 1;
let nowD = myDate.getDate();
let endDate =
nowY +
"-" +
(nowM < 10 ? "0" + nowM : nowM) +
"-" +
(nowD < 10 ? "0" + nowD : nowD); //当前日期
return endDate;
}
// 获取三十天之前的日期
const datsago = function() {
let lw = new Date(); //最后一个数字30可改,30天的意思
lw.setTime(lw.getTime() + 3600 * 1000 * 24 * 30);
let lastY = lw.getFullYear();
let lastM = lw.getMonth() + 1;
let lastD = lw.getDate();
let startData =
lastY +
"-" +
(lastM < 10 ? "0" + lastM : lastM) +
"-" +
(lastD < 10 ? "0" + lastD : lastD); //三十天之前日期
return startData;
}
export{today,datsago}
vue页面调用以及使用
import {today,datsago} from "@/components/dayTime/index"
let startDate = today();
let endDate = datsago();
this.$set(this.queryParams, "param", [startDate, endDate]);