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()函数获取

• 下载moment依赖

  npm i moment
  

• 在所需要的页面引入

  import moment from "moment"
  

  为了方便也可以在全局引入
• 用法

  this.$moment().format('YYYY-MM-DD HH:mm:ss')
  

此函数很方便，只需在format设置自己需要的格式即可，效果如下