From 5892b38431f0f22a88b0a66639fbda7bdf813f0d Mon Sep 17 00:00:00 2001
From: lwj <674416404@qq.com>
Date: Fri, 22 Aug 2025 00:28:32 +0800
Subject: [PATCH 1/4] fix(date-picker): fix dayjs internationalization settings

---
 .../config-provider/_example/date-picker.vue  |  7 +++++
 .../components/date-picker/DatePicker.tsx     | 30 ++++++++++++++++---
 .../date-picker/DatePickerPanel.tsx           | 12 +++++---
 .../date-picker/DateRangePicker.tsx           | 13 +++++++-
 .../date-picker/DateRangePickerPanel.tsx      |  9 ++++++
 .../components/date-picker/hooks/useRange.tsx |  6 +++-
 .../date-picker/hooks/useRangeValue.ts        |  7 +++--
 .../date-picker/hooks/useSingle.tsx           |  8 +++--
 .../date-picker/hooks/useSingleValue.tsx      |  6 +++-
 9 files changed, 82 insertions(+), 16 deletions(-)

diff --git a/packages/components/config-provider/_example/date-picker.vue b/packages/components/config-provider/_example/date-picker.vue
index f22dcbd671..d4e8d54fa7 100644
--- a/packages/components/config-provider/_example/date-picker.vue
+++ b/packages/components/config-provider/_example/date-picker.vue
@@ -12,15 +12,21 @@
     <br /><br />
     <t-date-picker mode="year" range />
     <br /><br />
+    <t-date-picker mode="week" />
+    <br /><br />
+    <t-date-picker mode="week" range />
+    <br /><br />
   </t-config-provider>
 </template>
 
 <script setup>
 const DATE_PICK_CONFIGS = {
+  dayjsLocale: 'en',
   placeholder: {
     date: 'select date',
     month: 'select month',
     year: 'select year',
+    week: 'select week',
   },
   weekdays: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
   months: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
@@ -30,6 +36,7 @@ const DATE_PICK_CONFIGS = {
   now: 'Now',
   selectTime: 'Select Time',
   selectDate: 'Select Date',
+  weekAbbreviation: 'W',
 };
 
 const globalConfig = {
diff --git a/packages/components/date-picker/DatePicker.tsx b/packages/components/date-picker/DatePicker.tsx
index f73d68799f..be4a0929a2 100644
--- a/packages/components/date-picker/DatePicker.tsx
+++ b/packages/components/date-picker/DatePicker.tsx
@@ -39,6 +39,7 @@ export default defineComponent({
     const disabled = useDisabled();
     const renderTNodeJSX = useTNodeJSX();
     const { globalConfig } = useConfig('datePicker');
+    const { dayjsLocale } = globalConfig.value;
     const isReadOnly = useReadonly();
     const { CalendarIcon } = useGlobalIcon({ CalendarIcon: TdCalendarIcon });
 
@@ -61,15 +62,18 @@ export default defineComponent({
       // 多选不考虑输入情况
       if (props.multiple) return;
       // 如果不需要确认，直接保存当前值
+
       if (!props.needConfirm && props.enableTimePicker && !visible) {
         const nextValue = formatDate(inputValue.value, {
           format: formatRef.value.format,
+          dayjsLocale,
         });
         if (nextValue) {
           onChange?.(
             formatDate(inputValue.value, {
               format: formatRef.value.format,
               targetFormat: formatRef.value.valueType,
+              dayjsLocale,
             }) as DateValue,
             {
               dayjsValue: parseToDayjs(inputValue.value as string, formatRef.value.format),
@@ -79,6 +83,7 @@ export default defineComponent({
         } else {
           inputValue.value = formatDate(value.value, {
             format: formatRef.value.format,
+            dayjsLocale,
           });
         }
       }
@@ -93,10 +98,12 @@ export default defineComponent({
       cacheValue.value = formatDate(dateValue, {
         format: formatRef.value.valueType,
         targetFormat: formatRef.value.format,
+        dayjsLocale,
       });
       inputValue.value = formatDate(dateValue, {
         format: formatRef.value.valueType,
         targetFormat: formatRef.value.format,
+        dayjsLocale,
       });
 
       // 面板展开重置数据
@@ -112,10 +119,10 @@ export default defineComponent({
     // 日期 hover
     function onCellMouseEnter(date: Date) {
       if (props.multiple) return;
-
       isHoverCell.value = true;
       inputValue.value = formatDate(date, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
     }
 
@@ -126,6 +133,7 @@ export default defineComponent({
       isHoverCell.value = false;
       inputValue.value = formatDate(cacheValue.value, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
     }
 
@@ -140,6 +148,7 @@ export default defineComponent({
       if (props.enableTimePicker) {
         cacheValue.value = formatDate(date, {
           format: formatRef.value.format,
+          dayjsLocale,
         });
       } else {
         if (props.multiple) {
@@ -155,6 +164,7 @@ export default defineComponent({
           formatDate(date, {
             format: formatRef.value.format,
             targetFormat: formatRef.value.valueType,
+            dayjsLocale,
           }) as DateValue,
           {
             dayjsValue: parseToDayjs(date, formatRef.value.format),
@@ -183,13 +193,17 @@ export default defineComponent({
 
       if (!isSameDate) {
         currentDate = currentValue.concat(
-          formatDate(date, { format: formatRef.value.format, targetFormat: formatRef.value.valueType }),
+          formatDate(date, { format: formatRef.value.format, targetFormat: formatRef.value.valueType, dayjsLocale }),
         );
       } else {
         currentDate = currentValue.filter(
           (val) =>
-            formatDate(val, { format: formatRef.value.format, targetFormat: formatRef.value.valueType }) !==
-            formatDate(date, { format: formatRef.value.format, targetFormat: formatRef.value.valueType }),
+            formatDate(val, {
+              format: formatRef.value.format,
+              targetFormat: formatRef.value.valueType,
+              dayjsLocale,
+            }) !==
+            formatDate(date, { format: formatRef.value.format, targetFormat: formatRef.value.valueType, dayjsLocale }),
         );
       }
       return currentDate;
@@ -254,9 +268,11 @@ export default defineComponent({
       const nextDate = currentDate.hour(nextHours).minute(minutes).second(seconds).millisecond(milliseconds).toDate();
       inputValue.value = formatDate(nextDate, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
       cacheValue.value = formatDate(nextDate, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
 
       props.onPick?.(nextDate);
@@ -266,13 +282,16 @@ export default defineComponent({
     function onConfirmClick({ e }: { e: MouseEvent }) {
       const nextValue = formatDate(inputValue.value, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
       if (nextValue) {
         props?.onConfirm?.({ date: dayjs(nextValue as string).toDate(), e });
+
         onChange?.(
           formatDate(inputValue.value, {
             format: formatRef.value.format,
             targetFormat: formatRef.value.valueType,
+            dayjsLocale,
           }) as DateValue,
           {
             dayjsValue: parseToDayjs(inputValue.value as string, formatRef.value.format),
@@ -282,6 +301,7 @@ export default defineComponent({
       } else {
         inputValue.value = formatDate(value.value, {
           format: formatRef.value.format,
+          dayjsLocale,
         });
       }
       popupVisible.value = false;
@@ -294,6 +314,7 @@ export default defineComponent({
         formatDate(presetVal, {
           format: formatRef.value.format,
           targetFormat: formatRef.value.valueType,
+          dayjsLocale,
         }) as DateValue,
         {
           dayjsValue: parseToDayjs(presetVal, formatRef.value.format),
@@ -303,6 +324,7 @@ export default defineComponent({
       // 更新到 input，避免 needConfirm 导致值被覆盖
       inputValue.value = formatDate(presetVal, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
       popupVisible.value = false;
     }
diff --git a/packages/components/date-picker/DatePickerPanel.tsx b/packages/components/date-picker/DatePickerPanel.tsx
index 8b57e38ef9..a711f44ed9 100644
--- a/packages/components/date-picker/DatePickerPanel.tsx
+++ b/packages/components/date-picker/DatePickerPanel.tsx
@@ -15,6 +15,7 @@ import datePickerPanelProps from './date-picker-panel-props';
 import datePickerProps from './props';
 
 import TSinglePanel from './components/panel/SinglePanel';
+import { useConfig } from '@tdesign/shared-hooks';
 
 export default defineComponent({
   name: 'TDatePickerPanel',
@@ -35,6 +36,8 @@ export default defineComponent({
   },
 
   setup(props: TdDatePickerPanelProps) {
+    const { globalConfig } = useConfig('datePicker');
+    const { dayjsLocale } = globalConfig.value;
     const { cacheValue, value, year, month, time, onChange } = useSingleValue(props);
 
     const formatRef = computed(() =>
@@ -55,9 +58,9 @@ export default defineComponent({
         month.value = date.getMonth();
       }
       if (props.enableTimePicker) {
-        cacheValue.value = formatDate(date, { format: formatRef.value.format });
+        cacheValue.value = formatDate(date, { format: formatRef.value.format, dayjsLocale });
       } else {
-        onChange?.(formatDate(date, { format: formatRef.value.format }) as DateValue, {
+        onChange?.(formatDate(date, { format: formatRef.value.format, dayjsLocale }) as DateValue, {
           dayjsValue: parseToDayjs(date, formatRef.value.format),
           trigger: 'pick',
         });
@@ -120,7 +123,7 @@ export default defineComponent({
         ? dayjs()
         : dayjs(cacheValue.value as string, formatRef.value.format);
       const nextDate = currentDate.hour(nextHours).minute(minutes).second(seconds).millisecond(milliseconds).toDate();
-      cacheValue.value = formatDate(nextDate, { format: formatRef.value.format });
+      cacheValue.value = formatDate(nextDate, { format: formatRef.value.format, dayjsLocale });
 
       props.onTimeChange?.({
         time: val,
@@ -134,6 +137,7 @@ export default defineComponent({
       onChange?.(
         formatDate(cacheValue.value, {
           format: formatRef.value.format,
+          dayjsLocale,
         }) as DateValue,
         {
           dayjsValue: parseToDayjs(cacheValue.value as string, formatRef.value.format),
@@ -146,7 +150,7 @@ export default defineComponent({
     // 预设
     function onPresetClick(preset: any, context: any) {
       const presetVal = isFunction(preset) ? preset() : preset;
-      onChange?.(formatDate(presetVal, { format: formatRef.value.format }) as DateValue, {
+      onChange?.(formatDate(presetVal, { format: formatRef.value.format, dayjsLocale }) as DateValue, {
         dayjsValue: parseToDayjs(presetVal, formatRef.value.format),
         trigger: 'preset',
       });
diff --git a/packages/components/date-picker/DateRangePicker.tsx b/packages/components/date-picker/DateRangePicker.tsx
index 13505e194c..29d0ea0cc4 100644
--- a/packages/components/date-picker/DateRangePicker.tsx
+++ b/packages/components/date-picker/DateRangePicker.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch } from 'vue';
 import dayjs from 'dayjs';
-import { useDisabled, useReadonly, usePrefixClass } from '@tdesign/shared-hooks';
+import { useConfig, useDisabled, useReadonly, usePrefixClass } from '@tdesign/shared-hooks';
 
 import { isArray, isFunction } from 'lodash-es';
 
@@ -26,6 +26,8 @@ export default defineComponent({
   props,
   setup(props, { slots }) {
     const COMPONENT_NAME = usePrefixClass('date-range-picker');
+    const { globalConfig } = useConfig('datePicker');
+    const { dayjsLocale } = globalConfig.value;
 
     const {
       inputValue,
@@ -65,6 +67,7 @@ export default defineComponent({
         cacheValue.value = formatDate(value.value || [], {
           format: formatRef.value.valueType,
           targetFormat: formatRef.value.format,
+          dayjsLocale,
         }) as string[];
         time.value = formatTime(
           value.value || [dayjs().format(formatRef.value.timeFormat), dayjs().format(formatRef.value.timeFormat)],
@@ -110,6 +113,7 @@ export default defineComponent({
           inputValue.value = formatDate(value.value, {
             format: formatRef.value.valueType,
             targetFormat: formatRef.value.format,
+            dayjsLocale,
           });
         } else {
           confirmValueChange();
@@ -123,6 +127,7 @@ export default defineComponent({
       const nextValue = [...(inputValue.value as string[])];
       nextValue[activeIndex.value] = formatDate(date, {
         format: formatRef.value.format,
+        dayjsLocale,
       }) as string;
       inputValue.value = nextValue;
     }
@@ -143,6 +148,7 @@ export default defineComponent({
       const nextValue = [...(inputValue.value as string[])];
       nextValue[activeIndex.value] = formatDate(date, {
         format: formatRef.value.format,
+        dayjsLocale,
       }) as string;
       cacheValue.value = nextValue;
       inputValue.value = nextValue;
@@ -169,6 +175,7 @@ export default defineComponent({
               format: formatRef.value.format,
               targetFormat: formatRef.value.valueType,
               autoSwap: true,
+              dayjsLocale,
             }) as DateValue[],
             {
               dayjsValue: nextValue.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -245,9 +252,11 @@ export default defineComponent({
       isSelected.value = true;
       inputValue.value = formatDate(nextInputValue, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
       cacheValue.value = formatDate(nextInputValue, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
     }
     const confirmValueChange = (e?: MouseEvent) => {
@@ -276,6 +285,7 @@ export default defineComponent({
               format: formatRef.value.format,
               targetFormat: formatRef.value.valueType,
               autoSwap: true,
+              dayjsLocale,
             }) as DateValue[],
             {
               dayjsValue: nextValue.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -318,6 +328,7 @@ export default defineComponent({
             format: formatRef.value.format,
             targetFormat: formatRef.value.valueType,
             autoSwap: true,
+            dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: presetValue.map((p) => parseToDayjs(p, formatRef.value.format)),
diff --git a/packages/components/date-picker/DateRangePickerPanel.tsx b/packages/components/date-picker/DateRangePickerPanel.tsx
index 6a155d989f..c07bb23444 100644
--- a/packages/components/date-picker/DateRangePickerPanel.tsx
+++ b/packages/components/date-picker/DateRangePickerPanel.tsx
@@ -17,6 +17,7 @@ import { useRangeValue } from './hooks/useRangeValue';
 import { formatDate, getDefaultFormat, parseToDayjs } from '@tdesign/common-js/date-picker/format';
 import { subtractMonth, addMonth, extractTimeObj } from '@tdesign/common-js/date-picker/utils';
 import { dateCorrection } from './utils';
+import { useConfig } from '@tdesign/shared-hooks';
 
 export default defineComponent({
   name: 'TDateRangePickerPanel',
@@ -38,6 +39,8 @@ export default defineComponent({
   },
 
   setup(props: TdDateRangePickerPanelProps) {
+    const { globalConfig } = useConfig('datePicker');
+    const { dayjsLocale } = globalConfig.value;
     const { value, year, month, time, cacheValue, isFirstValueSelected, onChange } = useRangeValue(props);
 
     const formatRef = computed(() =>
@@ -76,6 +79,7 @@ export default defineComponent({
       const nextValue = [...(hoverValue.value as string[])];
       nextValue[activeIndex.value] = formatDate(date, {
         format: formatRef.value.format,
+        dayjsLocale,
       }) as string;
       hoverValue.value = nextValue;
     }
@@ -94,6 +98,7 @@ export default defineComponent({
       const nextValue = [...(cacheValue.value as string[])];
       nextValue[activeIndex.value] = formatDate(date, {
         format: formatRef.value.format,
+        dayjsLocale,
       }) as string;
       cacheValue.value = nextValue;
 
@@ -111,6 +116,7 @@ export default defineComponent({
           formatDate(nextValue, {
             format: formatRef.value.format,
             autoSwap: true,
+            dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: nextValue.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -205,6 +211,7 @@ export default defineComponent({
       isSelected.value = true;
       cacheValue.value = formatDate(nextInputValue, {
         format: formatRef.value.format,
+        dayjsLocale,
       });
 
       props.onTimeChange?.({
@@ -225,6 +232,7 @@ export default defineComponent({
           formatDate(nextValue, {
             format: formatRef.value.format,
             autoSwap: true,
+            dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: nextValue.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -254,6 +262,7 @@ export default defineComponent({
           formatDate(presetValue, {
             format: formatRef.value.format,
             autoSwap: true,
+            dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: presetValue.map((p) => parseToDayjs(p, formatRef.value.format)),
diff --git a/packages/components/date-picker/hooks/useRange.tsx b/packages/components/date-picker/hooks/useRange.tsx
index 4dde1f91eb..539e2deea6 100644
--- a/packages/components/date-picker/hooks/useRange.tsx
+++ b/packages/components/date-picker/hooks/useRange.tsx
@@ -13,6 +13,7 @@ export const PARTIAL_MAP: Record<'first' | 'second', DateRangePickerPartial> = {
 export function useRange(props: TdDateRangePickerProps) {
   const COMPONENT_NAME = usePrefixClass('date-range-picker');
   const { globalConfig } = useConfig('datePicker');
+  const { dayjsLocale } = globalConfig.value;
   const { CalendarIcon } = useGlobalIcon({ CalendarIcon: TdCalendarIcon });
   const renderTNodeJSX = useTNodeJSX();
 
@@ -33,7 +34,7 @@ export function useRange(props: TdDateRangePickerProps) {
   const popupVisible = ref(false);
   const isHoverCell = ref(false);
   const activeIndex = ref<0 | 1>(0); // 确定当前选中的输入框序号
-  const inputValue = ref(formatDate(props.value, { format: formatRef.value.format })); // 未真正选中前可能不断变更输入框的内容
+  const inputValue = ref(formatDate(props.value, { format: formatRef.value.format, dayjsLocale })); // 未真正选中前可能不断变更输入框的内容
   const isReadOnly = useReadonly();
 
   // input 设置
@@ -99,6 +100,7 @@ export function useRange(props: TdDateRangePickerProps) {
             format: formatRef.value.format,
             targetFormat: formatRef.value.valueType,
             autoSwap: true,
+            dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: newVal.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -108,6 +110,7 @@ export function useRange(props: TdDateRangePickerProps) {
       } else if (isValidDate(value.value, formatRef.value.format)) {
         inputValue.value = formatDate(value.value, {
           format: formatRef.value.format,
+          dayjsLocale,
         });
       } else {
         inputValue.value = [];
@@ -155,6 +158,7 @@ export function useRange(props: TdDateRangePickerProps) {
       inputValue.value = formatDate(value, {
         format: formatRef.value.valueType,
         targetFormat: formatRef.value.format,
+        dayjsLocale,
       });
     },
     {
diff --git a/packages/components/date-picker/hooks/useRangeValue.ts b/packages/components/date-picker/hooks/useRangeValue.ts
index 214a653774..c54f3ec3ef 100644
--- a/packages/components/date-picker/hooks/useRangeValue.ts
+++ b/packages/components/date-picker/hooks/useRangeValue.ts
@@ -1,5 +1,5 @@
 import { ref, toRefs, watchEffect, computed } from 'vue';
-import { useVModel } from '@tdesign/shared-hooks';
+import { useConfig, useVModel } from '@tdesign/shared-hooks';
 import { isArray } from 'lodash-es';
 
 import { TdDateRangePickerProps } from '../type';
@@ -13,6 +13,8 @@ import {
 } from '@tdesign/common-js/date-picker/format';
 
 export function useRangeValue(props: TdDateRangePickerProps) {
+  const { globalConfig } = useConfig('datePicker');
+  const { dayjsLocale } = globalConfig.value;
   const { value: valueFromProps, modelValue } = toRefs(props);
 
   const [value, onChange] = useVModel(valueFromProps, modelValue, props.defaultValue, props.onChange);
@@ -58,7 +60,7 @@ export function useRangeValue(props: TdDateRangePickerProps) {
     }).month,
   );
   const year = ref(initYearMonthTime({ value: value.value, mode: props.mode, format: formatRef.value.format }).year);
-  const cacheValue = ref(formatDate(value.value, { format: formatRef.value.format })); // 选择阶段预选状态
+  const cacheValue = ref(formatDate(value.value, { format: formatRef.value.format, dayjsLocale })); // 选择阶段预选状态
 
   // 输入框响应 value 变化
   watchEffect(() => {
@@ -71,6 +73,7 @@ export function useRangeValue(props: TdDateRangePickerProps) {
     cacheValue.value = formatDate(value.value, {
       format: formatRef.value.valueType,
       targetFormat: formatRef.value.format,
+      dayjsLocale,
     });
     time.value = formatTime(
       value.value,
diff --git a/packages/components/date-picker/hooks/useSingle.tsx b/packages/components/date-picker/hooks/useSingle.tsx
index 9cccba3af0..26067cfcda 100644
--- a/packages/components/date-picker/hooks/useSingle.tsx
+++ b/packages/components/date-picker/hooks/useSingle.tsx
@@ -2,7 +2,7 @@ import { ref, computed, watch } from 'vue';
 import dayjs from 'dayjs';
 import { omit } from 'lodash-es';
 
-import { useDisabled, useReadonly, usePrefixClass } from '@tdesign/shared-hooks';
+import { useConfig, useDisabled, useReadonly, usePrefixClass } from '@tdesign/shared-hooks';
 
 import { TdDatePickerProps, DateValue } from '../type';
 import {
@@ -16,6 +16,8 @@ import { useSingleValue } from './useSingleValue';
 
 export function useSingle(props: TdDatePickerProps) {
   const COMPONENT_NAME = usePrefixClass('date-picker');
+  const { globalConfig } = useConfig('datePicker');
+  const { dayjsLocale } = globalConfig.value;
   const disabled = useDisabled();
 
   const inputRef = ref();
@@ -37,8 +39,8 @@ export function useSingle(props: TdDatePickerProps) {
   // 未真正选中前可能不断变更输入框的内容
   const inputValue = ref(
     props.multiple
-      ? formatDate(value.value, { format: formatRef.value.format }) || []
-      : formatDate(value.value, { format: formatRef.value.format }),
+      ? formatDate(value.value, { format: formatRef.value.format, dayjsLocale }) || []
+      : formatDate(value.value, { format: formatRef.value.format, dayjsLocale }),
   );
 
   // input 设置
diff --git a/packages/components/date-picker/hooks/useSingleValue.tsx b/packages/components/date-picker/hooks/useSingleValue.tsx
index dda7a12214..0ba4c404c6 100644
--- a/packages/components/date-picker/hooks/useSingleValue.tsx
+++ b/packages/components/date-picker/hooks/useSingleValue.tsx
@@ -7,10 +7,12 @@ import {
   parseToDayjs,
   extractTimeFormat,
 } from '@tdesign/common-js/date-picker/format';
-import { useVModel } from '@tdesign/shared-hooks';
+import { useConfig, useVModel } from '@tdesign/shared-hooks';
 import { TdDatePickerProps, DateMultipleValue, DateValue } from '../type';
 
 export function useSingleValue(props: TdDatePickerProps) {
+  const { globalConfig } = useConfig('datePicker');
+  const { dayjsLocale } = globalConfig.value;
   const { value: valueFromProps, modelValue } = toRefs(props);
   const [value, onChange] = useVModel(valueFromProps, modelValue, props.defaultValue, props.onChange);
 
@@ -50,6 +52,7 @@ export function useSingleValue(props: TdDatePickerProps) {
   const cacheValue = ref(
     formatDate(props.multiple ? (value.value as DateMultipleValue)?.[0] : value.value, {
       format: formatRef.value.format,
+      dayjsLocale,
     }),
   ); // 缓存选中值，panel 点击时更改
 
@@ -63,6 +66,7 @@ export function useSingleValue(props: TdDatePickerProps) {
 
     cacheValue.value = formatDate(value.value, {
       format: formatRef.value.format,
+      dayjsLocale,
     });
     time.value = formatTime(value.value, formatRef.value.format, formatRef.value.timeFormat, props.defaultTime);
   });

From 50f928c78ae995468472805cb646b54529509aff Mon Sep 17 00:00:00 2001
From: lwj <674416404@qq.com>
Date: Fri, 22 Aug 2025 22:23:46 +0800
Subject: [PATCH 2/4] chore: refactors date-picker locale usage for clarity

---
 .../components/date-picker/DatePicker.tsx     | 54 +++++++++++--------
 .../date-picker/DatePickerPanel.tsx           | 41 +++++++++-----
 .../date-picker/DateRangePicker.tsx           | 19 ++++---
 .../date-picker/DateRangePickerPanel.tsx      | 13 +++--
 .../components/date-picker/hooks/useRange.tsx | 11 ++--
 .../date-picker/hooks/useRangeValue.ts        |  7 +--
 .../date-picker/hooks/useSingleValue.tsx      |  4 +-
 7 files changed, 87 insertions(+), 62 deletions(-)

diff --git a/packages/components/date-picker/DatePicker.tsx b/packages/components/date-picker/DatePicker.tsx
index be4a0929a2..cc4de3d0e7 100644
--- a/packages/components/date-picker/DatePicker.tsx
+++ b/packages/components/date-picker/DatePicker.tsx
@@ -39,7 +39,6 @@ export default defineComponent({
     const disabled = useDisabled();
     const renderTNodeJSX = useTNodeJSX();
     const { globalConfig } = useConfig('datePicker');
-    const { dayjsLocale } = globalConfig.value;
     const isReadOnly = useReadonly();
     const { CalendarIcon } = useGlobalIcon({ CalendarIcon: TdCalendarIcon });
 
@@ -66,14 +65,14 @@ export default defineComponent({
       if (!props.needConfirm && props.enableTimePicker && !visible) {
         const nextValue = formatDate(inputValue.value, {
           format: formatRef.value.format,
-          dayjsLocale,
+          dayjsLocale: globalConfig.value.dayjsLocale,
         });
         if (nextValue) {
           onChange?.(
             formatDate(inputValue.value, {
               format: formatRef.value.format,
               targetFormat: formatRef.value.valueType,
-              dayjsLocale,
+              dayjsLocale: globalConfig.value.dayjsLocale,
             }) as DateValue,
             {
               dayjsValue: parseToDayjs(inputValue.value as string, formatRef.value.format),
@@ -83,7 +82,7 @@ export default defineComponent({
         } else {
           inputValue.value = formatDate(value.value, {
             format: formatRef.value.format,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           });
         }
       }
@@ -98,12 +97,12 @@ export default defineComponent({
       cacheValue.value = formatDate(dateValue, {
         format: formatRef.value.valueType,
         targetFormat: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
       inputValue.value = formatDate(dateValue, {
         format: formatRef.value.valueType,
         targetFormat: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
 
       // 面板展开重置数据
@@ -122,7 +121,7 @@ export default defineComponent({
       isHoverCell.value = true;
       inputValue.value = formatDate(date, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
     }
 
@@ -133,7 +132,7 @@ export default defineComponent({
       isHoverCell.value = false;
       inputValue.value = formatDate(cacheValue.value, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
     }
 
@@ -148,7 +147,7 @@ export default defineComponent({
       if (props.enableTimePicker) {
         cacheValue.value = formatDate(date, {
           format: formatRef.value.format,
-          dayjsLocale,
+          dayjsLocale: globalConfig.value.dayjsLocale,
         });
       } else {
         if (props.multiple) {
@@ -164,7 +163,7 @@ export default defineComponent({
           formatDate(date, {
             format: formatRef.value.format,
             targetFormat: formatRef.value.valueType,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           }) as DateValue,
           {
             dayjsValue: parseToDayjs(date, formatRef.value.format),
@@ -180,20 +179,25 @@ export default defineComponent({
     function processDate(date: Date) {
       let isSameDate: boolean;
       const currentValue = (value.value || []) as DateMultipleValue;
-      const { dayjsLocale } = globalConfig.value;
 
       let currentDate: DateMultipleValue;
       if (props.mode !== 'week')
         isSameDate = currentValue.some((val) =>
-          isSame(parseToDayjs(val, formatRef.value.format).toDate(), date, props.mode, dayjsLocale),
+          isSame(parseToDayjs(val, formatRef.value.format).toDate(), date, props.mode, globalConfig.value.dayjsLocale),
         );
       else {
-        isSameDate = currentValue.some((val) => val === dayjs(date).locale(dayjsLocale).format(formatRef.value.format));
+        isSameDate = currentValue.some(
+          (val) => val === dayjs(date).locale(globalConfig.value.dayjsLocale).format(formatRef.value.format),
+        );
       }
 
       if (!isSameDate) {
         currentDate = currentValue.concat(
-          formatDate(date, { format: formatRef.value.format, targetFormat: formatRef.value.valueType, dayjsLocale }),
+          formatDate(date, {
+            format: formatRef.value.format,
+            targetFormat: formatRef.value.valueType,
+            dayjsLocale: globalConfig.value.dayjsLocale,
+          }),
         );
       } else {
         currentDate = currentValue.filter(
@@ -201,9 +205,13 @@ export default defineComponent({
             formatDate(val, {
               format: formatRef.value.format,
               targetFormat: formatRef.value.valueType,
-              dayjsLocale,
+              dayjsLocale: globalConfig.value.dayjsLocale,
             }) !==
-            formatDate(date, { format: formatRef.value.format, targetFormat: formatRef.value.valueType, dayjsLocale }),
+            formatDate(date, {
+              format: formatRef.value.format,
+              targetFormat: formatRef.value.valueType,
+              dayjsLocale: globalConfig.value.dayjsLocale,
+            }),
         );
       }
       return currentDate;
@@ -268,11 +276,11 @@ export default defineComponent({
       const nextDate = currentDate.hour(nextHours).minute(minutes).second(seconds).millisecond(milliseconds).toDate();
       inputValue.value = formatDate(nextDate, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
       cacheValue.value = formatDate(nextDate, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
 
       props.onPick?.(nextDate);
@@ -282,7 +290,7 @@ export default defineComponent({
     function onConfirmClick({ e }: { e: MouseEvent }) {
       const nextValue = formatDate(inputValue.value, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
       if (nextValue) {
         props?.onConfirm?.({ date: dayjs(nextValue as string).toDate(), e });
@@ -291,7 +299,7 @@ export default defineComponent({
           formatDate(inputValue.value, {
             format: formatRef.value.format,
             targetFormat: formatRef.value.valueType,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           }) as DateValue,
           {
             dayjsValue: parseToDayjs(inputValue.value as string, formatRef.value.format),
@@ -301,7 +309,7 @@ export default defineComponent({
       } else {
         inputValue.value = formatDate(value.value, {
           format: formatRef.value.format,
-          dayjsLocale,
+          dayjsLocale: globalConfig.value.dayjsLocale,
         });
       }
       popupVisible.value = false;
@@ -314,7 +322,7 @@ export default defineComponent({
         formatDate(presetVal, {
           format: formatRef.value.format,
           targetFormat: formatRef.value.valueType,
-          dayjsLocale,
+          dayjsLocale: globalConfig.value.dayjsLocale,
         }) as DateValue,
         {
           dayjsValue: parseToDayjs(presetVal, formatRef.value.format),
@@ -324,7 +332,7 @@ export default defineComponent({
       // 更新到 input，避免 needConfirm 导致值被覆盖
       inputValue.value = formatDate(presetVal, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
       popupVisible.value = false;
     }
diff --git a/packages/components/date-picker/DatePickerPanel.tsx b/packages/components/date-picker/DatePickerPanel.tsx
index a711f44ed9..1a1c5871d5 100644
--- a/packages/components/date-picker/DatePickerPanel.tsx
+++ b/packages/components/date-picker/DatePickerPanel.tsx
@@ -37,7 +37,6 @@ export default defineComponent({
 
   setup(props: TdDatePickerPanelProps) {
     const { globalConfig } = useConfig('datePicker');
-    const { dayjsLocale } = globalConfig.value;
     const { cacheValue, value, year, month, time, onChange } = useSingleValue(props);
 
     const formatRef = computed(() =>
@@ -58,12 +57,21 @@ export default defineComponent({
         month.value = date.getMonth();
       }
       if (props.enableTimePicker) {
-        cacheValue.value = formatDate(date, { format: formatRef.value.format, dayjsLocale });
-      } else {
-        onChange?.(formatDate(date, { format: formatRef.value.format, dayjsLocale }) as DateValue, {
-          dayjsValue: parseToDayjs(date, formatRef.value.format),
-          trigger: 'pick',
+        cacheValue.value = formatDate(date, {
+          format: formatRef.value.format,
+          dayjsLocale: globalConfig.value.dayjsLocale,
         });
+      } else {
+        onChange?.(
+          formatDate(date, {
+            format: formatRef.value.format,
+            dayjsLocale: globalConfig.value.dayjsLocale,
+          }) as DateValue,
+          {
+            dayjsValue: parseToDayjs(date, formatRef.value.format),
+            trigger: 'pick',
+          },
+        );
       }
     }
 
@@ -123,7 +131,10 @@ export default defineComponent({
         ? dayjs()
         : dayjs(cacheValue.value as string, formatRef.value.format);
       const nextDate = currentDate.hour(nextHours).minute(minutes).second(seconds).millisecond(milliseconds).toDate();
-      cacheValue.value = formatDate(nextDate, { format: formatRef.value.format, dayjsLocale });
+      cacheValue.value = formatDate(nextDate, {
+        format: formatRef.value.format,
+        dayjsLocale: globalConfig.value.dayjsLocale,
+      });
 
       props.onTimeChange?.({
         time: val,
@@ -137,7 +148,7 @@ export default defineComponent({
       onChange?.(
         formatDate(cacheValue.value, {
           format: formatRef.value.format,
-          dayjsLocale,
+          dayjsLocale: globalConfig.value.dayjsLocale,
         }) as DateValue,
         {
           dayjsValue: parseToDayjs(cacheValue.value as string, formatRef.value.format),
@@ -150,10 +161,16 @@ export default defineComponent({
     // 预设
     function onPresetClick(preset: any, context: any) {
       const presetVal = isFunction(preset) ? preset() : preset;
-      onChange?.(formatDate(presetVal, { format: formatRef.value.format, dayjsLocale }) as DateValue, {
-        dayjsValue: parseToDayjs(presetVal, formatRef.value.format),
-        trigger: 'preset',
-      });
+      onChange?.(
+        formatDate(presetVal, {
+          format: formatRef.value.format,
+          dayjsLocale: globalConfig.value.dayjsLocale,
+        }) as DateValue,
+        {
+          dayjsValue: parseToDayjs(presetVal, formatRef.value.format),
+          trigger: 'preset',
+        },
+      );
       props.onPresetClick?.(context);
     }
 
diff --git a/packages/components/date-picker/DateRangePicker.tsx b/packages/components/date-picker/DateRangePicker.tsx
index 29d0ea0cc4..80df99770d 100644
--- a/packages/components/date-picker/DateRangePicker.tsx
+++ b/packages/components/date-picker/DateRangePicker.tsx
@@ -27,7 +27,6 @@ export default defineComponent({
   setup(props, { slots }) {
     const COMPONENT_NAME = usePrefixClass('date-range-picker');
     const { globalConfig } = useConfig('datePicker');
-    const { dayjsLocale } = globalConfig.value;
 
     const {
       inputValue,
@@ -67,7 +66,7 @@ export default defineComponent({
         cacheValue.value = formatDate(value.value || [], {
           format: formatRef.value.valueType,
           targetFormat: formatRef.value.format,
-          dayjsLocale,
+          dayjsLocale: globalConfig.value.dayjsLocale,
         }) as string[];
         time.value = formatTime(
           value.value || [dayjs().format(formatRef.value.timeFormat), dayjs().format(formatRef.value.timeFormat)],
@@ -113,7 +112,7 @@ export default defineComponent({
           inputValue.value = formatDate(value.value, {
             format: formatRef.value.valueType,
             targetFormat: formatRef.value.format,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           });
         } else {
           confirmValueChange();
@@ -127,7 +126,7 @@ export default defineComponent({
       const nextValue = [...(inputValue.value as string[])];
       nextValue[activeIndex.value] = formatDate(date, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       }) as string;
       inputValue.value = nextValue;
     }
@@ -148,7 +147,7 @@ export default defineComponent({
       const nextValue = [...(inputValue.value as string[])];
       nextValue[activeIndex.value] = formatDate(date, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       }) as string;
       cacheValue.value = nextValue;
       inputValue.value = nextValue;
@@ -175,7 +174,7 @@ export default defineComponent({
               format: formatRef.value.format,
               targetFormat: formatRef.value.valueType,
               autoSwap: true,
-              dayjsLocale,
+              dayjsLocale: globalConfig.value.dayjsLocale,
             }) as DateValue[],
             {
               dayjsValue: nextValue.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -252,11 +251,11 @@ export default defineComponent({
       isSelected.value = true;
       inputValue.value = formatDate(nextInputValue, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
       cacheValue.value = formatDate(nextInputValue, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
     }
     const confirmValueChange = (e?: MouseEvent) => {
@@ -285,7 +284,7 @@ export default defineComponent({
               format: formatRef.value.format,
               targetFormat: formatRef.value.valueType,
               autoSwap: true,
-              dayjsLocale,
+              dayjsLocale: globalConfig.value.dayjsLocale,
             }) as DateValue[],
             {
               dayjsValue: nextValue.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -328,7 +327,7 @@ export default defineComponent({
             format: formatRef.value.format,
             targetFormat: formatRef.value.valueType,
             autoSwap: true,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: presetValue.map((p) => parseToDayjs(p, formatRef.value.format)),
diff --git a/packages/components/date-picker/DateRangePickerPanel.tsx b/packages/components/date-picker/DateRangePickerPanel.tsx
index c07bb23444..9bf645ccf3 100644
--- a/packages/components/date-picker/DateRangePickerPanel.tsx
+++ b/packages/components/date-picker/DateRangePickerPanel.tsx
@@ -40,7 +40,6 @@ export default defineComponent({
 
   setup(props: TdDateRangePickerPanelProps) {
     const { globalConfig } = useConfig('datePicker');
-    const { dayjsLocale } = globalConfig.value;
     const { value, year, month, time, cacheValue, isFirstValueSelected, onChange } = useRangeValue(props);
 
     const formatRef = computed(() =>
@@ -79,7 +78,7 @@ export default defineComponent({
       const nextValue = [...(hoverValue.value as string[])];
       nextValue[activeIndex.value] = formatDate(date, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       }) as string;
       hoverValue.value = nextValue;
     }
@@ -98,7 +97,7 @@ export default defineComponent({
       const nextValue = [...(cacheValue.value as string[])];
       nextValue[activeIndex.value] = formatDate(date, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       }) as string;
       cacheValue.value = nextValue;
 
@@ -116,7 +115,7 @@ export default defineComponent({
           formatDate(nextValue, {
             format: formatRef.value.format,
             autoSwap: true,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: nextValue.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -211,7 +210,7 @@ export default defineComponent({
       isSelected.value = true;
       cacheValue.value = formatDate(nextInputValue, {
         format: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
 
       props.onTimeChange?.({
@@ -232,7 +231,7 @@ export default defineComponent({
           formatDate(nextValue, {
             format: formatRef.value.format,
             autoSwap: true,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: nextValue.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -262,7 +261,7 @@ export default defineComponent({
           formatDate(presetValue, {
             format: formatRef.value.format,
             autoSwap: true,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: presetValue.map((p) => parseToDayjs(p, formatRef.value.format)),
diff --git a/packages/components/date-picker/hooks/useRange.tsx b/packages/components/date-picker/hooks/useRange.tsx
index 539e2deea6..cbc1ac8e5c 100644
--- a/packages/components/date-picker/hooks/useRange.tsx
+++ b/packages/components/date-picker/hooks/useRange.tsx
@@ -13,7 +13,6 @@ export const PARTIAL_MAP: Record<'first' | 'second', DateRangePickerPartial> = {
 export function useRange(props: TdDateRangePickerProps) {
   const COMPONENT_NAME = usePrefixClass('date-range-picker');
   const { globalConfig } = useConfig('datePicker');
-  const { dayjsLocale } = globalConfig.value;
   const { CalendarIcon } = useGlobalIcon({ CalendarIcon: TdCalendarIcon });
   const renderTNodeJSX = useTNodeJSX();
 
@@ -34,7 +33,9 @@ export function useRange(props: TdDateRangePickerProps) {
   const popupVisible = ref(false);
   const isHoverCell = ref(false);
   const activeIndex = ref<0 | 1>(0); // 确定当前选中的输入框序号
-  const inputValue = ref(formatDate(props.value, { format: formatRef.value.format, dayjsLocale })); // 未真正选中前可能不断变更输入框的内容
+  const inputValue = ref(
+    formatDate(props.value, { format: formatRef.value.format, dayjsLocale: globalConfig.value.dayjsLocale }),
+  ); // 未真正选中前可能不断变更输入框的内容
   const isReadOnly = useReadonly();
 
   // input 设置
@@ -100,7 +101,7 @@ export function useRange(props: TdDateRangePickerProps) {
             format: formatRef.value.format,
             targetFormat: formatRef.value.valueType,
             autoSwap: true,
-            dayjsLocale,
+            dayjsLocale: globalConfig.value.dayjsLocale,
           }) as DateValue[],
           {
             dayjsValue: newVal.map((v) => parseToDayjs(v, formatRef.value.format)),
@@ -110,7 +111,7 @@ export function useRange(props: TdDateRangePickerProps) {
       } else if (isValidDate(value.value, formatRef.value.format)) {
         inputValue.value = formatDate(value.value, {
           format: formatRef.value.format,
-          dayjsLocale,
+          dayjsLocale: globalConfig.value.dayjsLocale,
         });
       } else {
         inputValue.value = [];
@@ -158,7 +159,7 @@ export function useRange(props: TdDateRangePickerProps) {
       inputValue.value = formatDate(value, {
         format: formatRef.value.valueType,
         targetFormat: formatRef.value.format,
-        dayjsLocale,
+        dayjsLocale: globalConfig.value.dayjsLocale,
       });
     },
     {
diff --git a/packages/components/date-picker/hooks/useRangeValue.ts b/packages/components/date-picker/hooks/useRangeValue.ts
index c54f3ec3ef..4ed4f0f2df 100644
--- a/packages/components/date-picker/hooks/useRangeValue.ts
+++ b/packages/components/date-picker/hooks/useRangeValue.ts
@@ -14,7 +14,6 @@ import {
 
 export function useRangeValue(props: TdDateRangePickerProps) {
   const { globalConfig } = useConfig('datePicker');
-  const { dayjsLocale } = globalConfig.value;
   const { value: valueFromProps, modelValue } = toRefs(props);
 
   const [value, onChange] = useVModel(valueFromProps, modelValue, props.defaultValue, props.onChange);
@@ -60,7 +59,9 @@ export function useRangeValue(props: TdDateRangePickerProps) {
     }).month,
   );
   const year = ref(initYearMonthTime({ value: value.value, mode: props.mode, format: formatRef.value.format }).year);
-  const cacheValue = ref(formatDate(value.value, { format: formatRef.value.format, dayjsLocale })); // 选择阶段预选状态
+  const cacheValue = ref(
+    formatDate(value.value, { format: formatRef.value.format, dayjsLocale: globalConfig.value.dayjsLocale }),
+  ); // 选择阶段预选状态
 
   // 输入框响应 value 变化
   watchEffect(() => {
@@ -73,7 +74,7 @@ export function useRangeValue(props: TdDateRangePickerProps) {
     cacheValue.value = formatDate(value.value, {
       format: formatRef.value.valueType,
       targetFormat: formatRef.value.format,
-      dayjsLocale,
+      dayjsLocale: globalConfig.value.dayjsLocale,
     });
     time.value = formatTime(
       value.value,
diff --git a/packages/components/date-picker/hooks/useSingleValue.tsx b/packages/components/date-picker/hooks/useSingleValue.tsx
index 0ba4c404c6..0d14d997db 100644
--- a/packages/components/date-picker/hooks/useSingleValue.tsx
+++ b/packages/components/date-picker/hooks/useSingleValue.tsx
@@ -52,7 +52,7 @@ export function useSingleValue(props: TdDatePickerProps) {
   const cacheValue = ref(
     formatDate(props.multiple ? (value.value as DateMultipleValue)?.[0] : value.value, {
       format: formatRef.value.format,
-      dayjsLocale,
+      dayjsLocale: globalConfig.value.dayjsLocale,
     }),
   ); // 缓存选中值，panel 点击时更改
 
@@ -66,7 +66,7 @@ export function useSingleValue(props: TdDatePickerProps) {
 
     cacheValue.value = formatDate(value.value, {
       format: formatRef.value.format,
-      dayjsLocale,
+      dayjsLocale: globalConfig.value.dayjsLocale,
     });
     time.value = formatTime(value.value, formatRef.value.format, formatRef.value.timeFormat, props.defaultTime);
   });

From 90768c99bcb37ae1989d92db104c22e9d0b1d5ef Mon Sep 17 00:00:00 2001
From: lwj <674416404@qq.com>
Date: Fri, 22 Aug 2025 22:30:56 +0800
Subject: [PATCH 3/4] chore: fix lint

---
 packages/components/date-picker/hooks/useSingleValue.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/components/date-picker/hooks/useSingleValue.tsx b/packages/components/date-picker/hooks/useSingleValue.tsx
index 0d14d997db..945e170cc1 100644
--- a/packages/components/date-picker/hooks/useSingleValue.tsx
+++ b/packages/components/date-picker/hooks/useSingleValue.tsx
@@ -12,7 +12,6 @@ import { TdDatePickerProps, DateMultipleValue, DateValue } from '../type';
 
 export function useSingleValue(props: TdDatePickerProps) {
   const { globalConfig } = useConfig('datePicker');
-  const { dayjsLocale } = globalConfig.value;
   const { value: valueFromProps, modelValue } = toRefs(props);
   const [value, onChange] = useVModel(valueFromProps, modelValue, props.defaultValue, props.onChange);
 

From 52b47beca2397be211a44aacf5014924a466efbe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Mon, 25 Aug 2025 11:59:05 +0800
Subject: [PATCH 4/4] chore: code style

---
 packages/components/date-picker/hooks/useSingle.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/components/date-picker/hooks/useSingle.tsx b/packages/components/date-picker/hooks/useSingle.tsx
index 26067cfcda..a588ed9432 100644
--- a/packages/components/date-picker/hooks/useSingle.tsx
+++ b/packages/components/date-picker/hooks/useSingle.tsx
@@ -17,7 +17,6 @@ import { useSingleValue } from './useSingleValue';
 export function useSingle(props: TdDatePickerProps) {
   const COMPONENT_NAME = usePrefixClass('date-picker');
   const { globalConfig } = useConfig('datePicker');
-  const { dayjsLocale } = globalConfig.value;
   const disabled = useDisabled();
 
   const inputRef = ref();
@@ -39,8 +38,8 @@ export function useSingle(props: TdDatePickerProps) {
   // 未真正选中前可能不断变更输入框的内容
   const inputValue = ref(
     props.multiple
-      ? formatDate(value.value, { format: formatRef.value.format, dayjsLocale }) || []
-      : formatDate(value.value, { format: formatRef.value.format, dayjsLocale }),
+      ? formatDate(value.value, { format: formatRef.value.format, dayjsLocale: globalConfig.value.dayjsLocale }) || []
+      : formatDate(value.value, { format: formatRef.value.format, dayjsLocale: globalConfig.value.dayjsLocale }),
   );
 
   // input 设置