feat(calendar): goToToday

packages/core/useCalendar/index.ts

@@ -56,8 +56,31 @@ export const useCalendar = (options: UseCalendarOptions = {}) => {
     currentMonth.value -= 1
   }
 
+  // 将日历前进到下一个月。
+  const goToNextYear = () => {
+    if (currentYear.value === 285616) {
+      console.warn('It is already the biggest year.')
+      return
+    }
+    currentYear.value += 1
+  }
+
+  // 将日历后退到上一个月。
+  const goToPreviousYear = () => {
+    if (currentMonth.value === 1997) {
+      console.warn('It is already the smallest year.')
+      return
+    }
+    currentYear.value -= 1
+  }
+
   // 将日历重置到今天的日期。
-  const goToToday = () => {}
+  const goToToday = () => {
+    // 需要重置年月
+    const now = new Date()
+    currentYear.value = now.getFullYear()
+    currentMonth.value = now.getMonth() + 1
+  }
 
   //
   /**
@@ -101,6 +124,8 @@ export const useCalendar = (options: UseCalendarOptions = {}) => {
     selectDate,
     goToNextMonth,
     goToPreviousMonth,
+    goToNextYear,
+    goToPreviousYear,
     goToToday,
   }
 }

src/demo/UseCalendar.vue

@@ -2,12 +2,24 @@
 import { ref, h, VNode } from 'vue'
 import { useCalendar } from '@noi/core'
 
-const { currentMonthDays, goToNextMonth, goToPreviousMonth } = useCalendar()
+const {
+  currentMonthDays,
+  goToToday,
+  goToNextMonth,
+  goToPreviousMonth,
+  goToNextYear,
+  goToPreviousYear,
+} = useCalendar()
 </script>
 
 <template>
-  <button @click="goToPreviousMonth">prev month</button>
-  <button @click="goToNextMonth">next month</button>
+  <button @click="goToPreviousYear">goToPreviousYear</button>
+  <button @click="goToNextYear">goToNextYear</button>
+  <br />
+  <button @click="goToPreviousMonth">goToPreviousMonth</button>
+  <button @click="goToNextMonth">goToNextMonth</button>
+  <br />
+  <button @click="goToToday">goToToday</button>
   需要生成一个当前日历需要知道哪些信息 1. 当前的月份有多少天 2.
   每天是一个对象，应该会配有不同的内容 3. 周 4. 当前的年月 5.