在VUE中获取当前时间

最新推荐文章于 2024-05-22 21:12:21 发布

J.J.J

最新推荐文章于 2024-05-22 21:12:21 发布

阅读量1w

点赞数 5

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/qq_54030999/article/details/126628024

版权

时间格式：年-月-日时-分-秒

<template>
   <div>
      {{nowTime}}
   </div>
</template>

<script>
  export default {

  data() {
    return {
      nowTime: "",  //现在时间
      }
    },

   mounted() {
         this.getNowTime(); //调用函数
    }，

   methods: {
           getNowDate() {
           var date = new Date();
           var sign2 = ":";
           var year = date.getFullYear() // 年
           var month = date.getMonth() + 1; // 月
           var day = date.getDate(); // 日
           var hour = date.getHours(); // 时
           var minutes = date.getMinutes(); // 分
           var seconds = date.getSeconds() //秒
           var weekArr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期天'];
           var week = weekArr[date.getDay()];
            // 给一位数的数据前面加 “0”
           if (month >= 1 && month <= 9) {
                month = "0" + month;
           }
            if (day >= 0 && day <= 9) {
                day = "0" + day;
            }
            if (hour >= 0 && hour <= 9) {
             hour = "0" + hour;
             }
           if (minutes >= 0 && minutes <= 9) {
              minutes = "0" + minutes;
            }
           if (seconds >= 0 && seconds <= 9) {
              seconds = "0" + seconds;
          }
      this.nowTime =  year + "-" + month + "-" + day + " " + hour + sign2 + minutes + sign2 + seconds;
     }
   
}

</script>