vue 获取当周日期

在Vue.js中，获取当前周的日期通常会涉及到日期处理。你可以使用JavaScript的Date对象及其方法来实现这个功能。下面是一个简单的示例：

<template>
  <div>
    <p>当前周的开始日期: {{ currentWeekStart }}</p>
    <p>当前周的结束日期: {{ currentWeekEnd }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentWeekStart: '',
      currentWeekEnd: ''
    }
  },
  mounted() {
    this.updateCurrentWeek();
  },
  methods: {
    updateCurrentWeek() {
      const today = new Date();
      const dayOfWeek = today.getDay(); // 0代表周日，1代表周一
      const startOfWeek = new Date(today);
      startOfWeek.setDate(startOfWeek.getDate() - (dayOfWeek - 1)); // 从今天调整到周一开始

      const endOfWeek = new Date(startOfWeek);
      endOfWeek.setDate(startOfWeek.getDate() + 6); // 一周有7天

      this.currentWeekStart = startOfWeek.toLocaleDateString();
      this.currentWeekEnd = endOfWeek.toLocaleDateString();
    }
  }
}
</script>

在这个例子中，我们在`mounted`生命周期钩子中获取今天的日期，并计算出本周的开始和结束日期。然后将这两个日期设置到对应的模板变量上。