使用Date对象获取时间


获取当前时间:

var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
alert(year + '-' + month + '-' + day  + ' ' + hour + ':' + minute + ':' + second);

获取一星期前的时间:

var now = new Date();
var date = new Date(now.getTime() - 7 * 24 * 3600 * 1000);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
alert(year + '-' + month + '-' + day  + ' ' + hour + ':' + minute + ':' + second);

 vue获取当前时间-实时刷新

获取当前系统时间,在页面上展示 年月日 时分秒 ,并且实时刷新,和系统时间保持一致
1.在deta 里面声明两个变量;2.把时间调用写在created() 生命周期里面,进入页面就需要调用;3.离开页面使用beforeDestroy() 销毁
data() {
    return {
      timer: "",//定义一个定时器的变量
      currentTime: new Date(), // 获取当前时间
    };
  },
created() {
    var _this = this; //声明一个变量指向Vue实例this,保证作用域一致
    this.timer = setInterval(function() {
      _this.currentTime = //修改数据date
        new Date().getFullYear() +
        "-" +
        (new Date().getMonth() + 1) +
        "-" +
        new Date().getDate() +
        " " +
        new Date().getHours() +
        ":" +
        new Date().getMinutes() +
        ": " +
        new Date().getSeconds();
    }, 1000);
  },
beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer); // 在Vue实例销毁前,清除我们的定时器
    }
  }

拿到的时间格式是 2021-8-16 8:9: 5  (小于10的没有加  0,如需要,可以使用下面的方法加上就可以了)

//过滤加0
appendZero(obj) {
if (obj < 10) {
return "0" + obj;
} else {
return obj;
}
},

如果需要的话可以使用下面的方法加上就可以了

js