vue获取当前日期时间
vue获取当前日期时间
开发中会有要获取当前日期的需求,有的是获取到当前月份,有的是精确到分秒。
而且日期的格式还不一样,一下有两种获取时间的方式:
1 new Date()+拼接
- 格式一:
yy/MM/dd hh:mm:ss – 例如:2022/05/01 00:00:00
yy/M/d hh:mm:ss – 例如:2022/5/1 00:00:00
/**
* 获取当前时间
*/
currentTime() {
var date = new Date();
var year = date.getFullYear(); //月份从0~11,所以加一
let month = date.getMonth();
console.log("month",month);
var dateArr = [
date.getMonth() + 1,
date.getDate(),
date.getHours(),
date.getMinutes(),
date.getSeconds(),
];
//如果格式是MM则需要此步骤,如果是M格式则此循环注释掉
for (var i = 0; i < dateArr.length; i++) {
if (dateArr[i] >= 1 && dateArr[i] <= 9) {
dateArr[i] = "0" + dateArr[i];
}
}
var strDate =
year +
"/" +
dateArr[0] +
"/" +
dateArr[1] +
" " +
dateArr[2] +
":" +
dateArr[3] +
":" +
dateArr[4];
//此处可以拿外部的变量接收,也可直接返回 strDate:2022-05-01 13:25:30
//this.date = strDate;
console.log("strDate",strDate);
},
- 格式二:
yy-MM-dd hh:mm:ss – 例如:2022-05-01 00:00:00
yy-MM-dd hh:mm:ss – 例如:2022-05-01 00:00:00
/**
* 获取当前时间
*/
currentTime() {
var date = new Date();
var year = date.getFullYear(); //月份从0~11,所以加一
let month = date.getMonth();
console.log("month",month);
var dateArr = [
date.getMonth() + 1,
date.getDate(),
date.getHours(),
date.getMinutes(),
date.getSeconds(),
];
//如果格式是MM则需要此步骤,如果是M格式则此循环注释掉
for (var i = 0; i < dateArr.length; i++) {
if (dateArr[i] >= 1 && dateArr[i] <= 9) {
dateArr[i] = "0" + dateArr[i];
}
}
var strDate =
year +
"/" +
dateArr[0] +
"/" +
dateArr[1] +
" " +
dateArr[2] +
":" +
dateArr[3] +
":" +
dateArr[4];
//此处可以拿外部的变量接收 strDate:2022-05-01 13:25:30
//this.date = strDate;
console.log("strDate",strDate);
},
- 获取当前月份
/**
* 获取当前月份,可直接返回
*/
currentTime() {
var date = new Date();
var year = date.getFullYear(); //月份从0~11,所以加一
let month = date.getMonth() + 1;
console.log("month", month);
//如果格式是MM则需要此步骤,如果是M格式则此处注释掉
if (month >= 1 && month <= 9) {
month = "0" + month;
}
let strDate = year + "-" + month;
return strDate;
},
2 moment()函数获取
- 下载
moment
依赖npm i moment
- 在所需要的页面引入
为了方便也可以在全局引入import moment from "moment"
- 用法
this.$moment().format('YYYY-MM-DD HH:mm:ss')
此函数很方便,只需在format设置自己需要的格式即可,效果如下