vue获取当前日期时间(使用moment和new Date())
作者：猪大侠0.0
在项目开发中我遇到了日期范围选择器,两种获取当前日期并做处理的写法,这里记录一下,下面这篇文章主要给大家介绍了关于vue获取当前日期时间(使用moment和new Date())的相关资料,需要的朋友可以参考下
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()函数获取
用法：
this.$moment().format('YYYY-MM-DD HH:mm:ss')此函数很方便，只需在format设置自己需要的格式即可，效果如下
总结
到此这篇关于vue获取当前日期时间的文章就介绍到这了,更多相关vue获取当前日期时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！