获取当前日期

事例

获取当前年月日（yyyy-mm-dd格式）

getDate(){
        var myDate = new Date(); 
        // 年、月、日用字符串“-”拼接
        this.dateYear = myDate.getFullYear()+"-"+(myDate.getMonth()+1)+"-"+myDate.getDate();
        // 打印后就是yyyy-mm-dd格式了
      },

获取当前星期几

使用计算属性

computed: {
    dateWeek() {
       const days = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
       return days[new Date().getDay()];
     }
  },

获取当前时间

getCurrentTime方法获取当前的时间，并格式化成HH:MM:SS的形式。padTime方法确保时间部分始终是两位数。在组件被mounted后，setInterval函数每秒钟调用getCurrentTime更新当前时间

export default {
  data() {
    return {
      currentTime: this.getCurrentTime()
    };
  },
  methods: {
    getCurrentTime() {
      const now = new Date();
      return `${this.padTime(now.getHours())}:${this.padTime(now.getMinutes())}:${this.padTime(now.getSeconds())}`;
    },
    padTime(time) {
      return time.toString().padStart(2, '0');
    }
  },
  mounted() {
    setInterval(() => {
      this.currentTime = this.getCurrentTime();
    }, 1000);
  }
};

这个方法更加简洁

timeFn() {
    var weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
    this.timing = setInterval(() => {
        this.dateDay = formatTime(new Date(), 'HH: mm: ss')
        this.dateYear = formatTime(new Date(), 'yyyy-MM-dd')
        this.dateWeek = weekday[new Date().getDay()]
  }, 1000)