vue获取当前日期时间(moment、new Date())

vue获取当前日期时间

  • vue获取当前日期时间
    • 1 new Date()+拼接
    • 2 moment()函数获取

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获取当前日期时间(moment、new Date())_第1张图片

你可能感兴趣的:(前端,vue.js,javascript,前端)