feat(components): [el-calendar] add prev-year and next-year (#3360)

packages/components/calendar/src/index.vue

@@ -58,7 +58,12 @@ import DateTable from './date-table.vue'
 
 import type { Dayjs } from 'dayjs'
 
-type DateType = 'prev-month' | 'today' | 'next-month'
+type DateType =
+  | 'prev-month'
+  | 'next-month'
+  | 'prev-year'
+  | 'next-year'
+  | 'today'
 
 const { ButtonGroup: ElButtonGroup } = ElButton
 export default defineComponent({
@@ -104,6 +109,14 @@ export default defineComponent({
       return date.value.add(1, 'month')
     })
 
+    const prevYearDayjs = computed(() => {
+      return date.value.subtract(1, 'year')
+    })
+
+    const nextYearDayjs = computed(() => {
+      return date.value.add(1, 'year')
+    })
+
     const i18nDate = computed(() => {
       const pickedMonth = `el.datepicker.month${date.value.format('M')}`
       return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`
@@ -242,6 +255,10 @@ export default defineComponent({
         day = prevMonthDayjs.value
       } else if (type === 'next-month') {
         day = nextMonthDayjs.value
+      } else if (type === 'prev-year') {
+        day = prevYearDayjs.value
+      } else if (type === 'next-year') {
+        day = nextYearDayjs.value
       } else {
         day = now
       }