feat(DateTimePicker): support showWeek props

Author: anlyyao

src/date-time-picker/_example/year-month-date/index.js

@@ -34,22 +34,41 @@ Page({
     },
 
     formatter(item, index) {
-      let label = item.label.slice(0, -1);
       if (index === 1) {
-        label = calendarMonth[Number(label) - 1];
+        const label = item.label.slice(0, -1);
+        return {
+          value: item.value,
+          label: calendarMonth[Number(label) - 1],
+        };
       }
       if (index === 2) {
-        const suffixes = {
+        const [dateValue, weekValue] = item.label.split(' ');
+        const dateSuffixes = {
           1: 'st',
           2: 'nd',
           3: 'rd',
         };
-        label = `${label}${suffixes[label] || 'th'}`;
+        const weekMapCNtoEN = {
+          "周一": "Mon.",
+          "周二": "Tues.",
+          "周三": "Wed.",
+          "周四": "Thurs.",
+          "周五": "Fri.",
+          "周六": "Sat.",
+          "周日": "Sun."
+        };
+        const label = dateValue.slice(0, -1);
+
+        return {
+          value: item.value,
+          label: `${label}${dateSuffixes[label] || 'th'} ${weekMapCNtoEN[weekValue]}`
+        }
       }
+
       return {
         value: item.value,
-        label,
-      };
+        label: item.label.slice(0, -1)
+      }
     },
   },
   showPicker(e) {

src/date-time-picker/_example/year-month-date/index.wxml

@@ -13,6 +13,7 @@
 <t-date-time-picker
   auto-close
   title="选择日期"
+  showWeek
   visible="{{dateVisible}}"
   mode="date"
   default-value="{{date}}"

src/date-time-picker/date-time-picker.ts

@@ -12,7 +12,6 @@ import dayjsLocaleMap from './locale/dayjs';
  * https://dayjs.fenxianglu.cn/category/plugin.html#localedata
  */
 dayjs.extend(localeData);
-// 设置 demo 的默认语言为 zh
 dayjs.locale('zh-cn');
 
 // const defaultLocale = dayjsLocaleMap.default.key;
@@ -104,6 +103,25 @@ export default class DateTimePicker extends SuperComponent {
       });
     },
 
+    getDaysOfWeekInMonth(date: Dayjs) {
+      const { locale, dayjsLocale } = this.data;
+      const startOfMonth = date.startOf('month');
+      const endOfMonth = date.endOf('month');
+      const daysOfWeek = [];
+
+      for (let i = 1; i <= endOfMonth.diff(startOfMonth, 'days') + 1; i += 1) {
+        const currentDate = startOfMonth.add(i, 'days').locale(dayjsLocale); // 显式设置每个日期对象的 locale
+        const dayName = currentDate.format('ddd');
+
+        daysOfWeek.push({
+          value: `${i}`,
+          label: `${i + locale.date} ${dayName}`,
+        });
+      }
+
+      return daysOfWeek;
+    },
+
     getParseDate(): Dayjs {
       const { value, defaultValue } = this.properties;
       const minDate = this.getMinDate();
@@ -178,27 +196,30 @@ export default class DateTimePicker extends SuperComponent {
       const { fullModes, filter } = this.data;
 
       const columnOptions = [];
-      fullModes?.forEach((mode) => {
+      fullModes?.forEach((mode: string) => {
         const columnOption = this.getOptionByType(mode);
         if (typeof filter === 'function') {
           columnOptions.push(filter(mode, columnOption));
         } else {
           columnOptions.push(columnOption);
         }
       });
-
       return columnOptions;
     },
 
-    getOptionByType(type) {
-      const { locale, steps } = this.data;
+    getOptionByType(type: string) {
+      const { locale, steps, showWeek } = this.data;
       const options: ColumnItemValue[] = [];
 
       const minEdge = this.getOptionEdge('min', type);
       const maxEdge = this.getOptionEdge('max', type);
       const step = steps?.[type] ?? 1;
       const dayjsMonthsShort = dayjs().locale(this.data.dayjsLocale).localeData().monthsShort();
 
+      if (type === 'date' && showWeek) {
+        return this.getDaysOfWeekInMonth(this.date);
+      }
+
       for (let i = minEdge; i <= maxEdge; i += step) {
         options.push({
           value: `${i}`,