获取动态时间

上代码

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

<script>
export default {
  data() {
    return {
      nowWeek: "",
      nowDate: "",
      nowTime: "",
    }
  },
  created() {
    setInterval(() => {
      this.setNowTimes();
    }, 1000);
  },
  methods: {
    setNowTimes () {
      let myDate = new Date();
      // 星期
      let wk = myDate.getDay();
      let yy = String(myDate.getFullYear());
      let mm = myDate.getMonth() + 1;
      let dd = String(myDate.getDate() < 10 ? "0" + myDate.getDate() : myDate.getDate());
      let hou = String(myDate.getHours() < 10 ? "0" + myDate.getHours() : myDate.getHours());
      let min = String(myDate.getMinutes() < 10 ? "0" + myDate.getMinutes(): myDate.getMinutes());
      let sec = String(myDate.getSeconds() < 10 ? "0" + myDate.getSeconds(): myDate.getSeconds());
        // 从0开始,周日就是0
      let weeks = [
        "星期日",
        "星期一",
        "星期二",
        "星期三",
        "星期四",
        "星期五",
        "星期六",
      ];
      let week = weeks[wk];
      this.nowDate = yy + "年" + mm + "月" + dd + "日"
      this.nowTime = hou + ":" + min+ ":" +sec
      this.nowWeek = week;
    },
  },
}
</script>