fix(date-picker): 默认时区从utc修复为机器时区 (#2112)

Co-authored-by: YanHui <yanhui@growingio.com>

jest.config.js

@@ -1,5 +1,5 @@
 // set default timeZone UTC
-process.env.TZ = 'UTC';
+process.env.TZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
 module.exports = {
   // if you're also using typescript
   preset: 'ts-jest',

src/static-date-picker/__tests__/index.test.tsx

@@ -5,12 +5,12 @@ import StaticDatePicker from '../StaticDatePicker';
 describe('Testing StaticDatePicker ', () => {
   it('without params', () => {
     render(<StaticDatePicker />);
-    expect(screen.getByText('12')).toBeTruthy();
+    expect(screen.getByText('26')).toBeTruthy();
   });
 
   it('disabledDate is function', () => {
     render(<StaticDatePicker disabledDate={(current: Date) => current.getTime() > new Date().getTime()} />);
-    expect(screen.getByText('12')).toBeTruthy();
+    expect(screen.getByText('26')).toBeTruthy();
   });
 
   it('onPanelChange has onPanelChange', () => {
@@ -24,15 +24,15 @@ describe('Testing StaticDatePicker ', () => {
 
     fireEvent.click(container.querySelector('button[class="gio-picker-header-super-prev-btn"]'));
 
-    expect(screen.getByText('12')).toBeTruthy();
+    expect(screen.getByText('26')).toBeTruthy();
 
     fireEvent.click(container.querySelector('button[class="gio-picker-header-prev-btn"]'));
 
-    expect(screen.getByText('12')).toBeTruthy();
+    expect(screen.getByText('26')).toBeTruthy();
 
-    fireEvent.click(screen.getByText('12'));
+    fireEvent.click(screen.getByText('26'));
 
-    expect(screen.getByText('12')).toBeTruthy();
+    expect(screen.getByText('26')).toBeTruthy();
   });
 
   it('onPanelChange not onPanelChange', () => {
@@ -42,6 +42,6 @@ describe('Testing StaticDatePicker ', () => {
 
     fireEvent.click(container.querySelector('button[class="gio-picker-header-super-prev-btn"]'));
 
-    expect(screen.getByText('12')).toBeTruthy();
+    expect(screen.getByText('26')).toBeTruthy();
   });
 });

src/static-past-time-picker/utils.ts

@@ -31,10 +31,10 @@ export const startOfTodayInTimezone = () =>
     momentTZ
       .tz(
         `${momentTZ
-          .tz(new Date(), localStorage.getItem('timezone') || 'UTC')
+          .tz(new Date(), localStorage.getItem('timezone') || Intl.DateTimeFormat().resolvedOptions().timeZone)
           .format()
           .substring(0, 10)} 00:00:00`,
-        localStorage.getItem('timezone') || 'UTC'
+        localStorage.getItem('timezone') || Intl.DateTimeFormat().resolvedOptions().timeZone
       )
       .format()
   );

src/utils/timeHelper.ts

@@ -5,7 +5,9 @@ import { format as dateFnsFormat, utcToZonedTime } from 'date-fns-tz';
 
 // 时间日期转换时区 moment
 export const parseTimeZone = (data?: any, format?: string) =>
-  momentTZ(data as string, format).tz(localStorage.getItem('timezone') || 'UTC');
+  momentTZ(data as string, format).tz(
+    localStorage.getItem('timezone') || Intl.DateTimeFormat().resolvedOptions().timeZone
+  );
 
 // 时间日期转换时区 date-fns
 export const parseFnsTimeZone = (date: number | Date | string, format: string) => {
@@ -14,9 +16,13 @@ export const parseFnsTimeZone = (date: number | Date | string, format: string) =
     finalDate = new Date(date);
   }
 
-  return dateFnsFormat(utcToZonedTime(finalDate, localStorage.getItem('timezone') || 'UTC'), format, {
-    timeZone: localStorage.getItem('timezone') || 'UTC',
-  });
+  return dateFnsFormat(
+    utcToZonedTime(finalDate, localStorage.getItem('timezone') || Intl.DateTimeFormat().resolvedOptions().timeZone),
+    format,
+    {
+      timeZone: localStorage.getItem('timezone') || Intl.DateTimeFormat().resolvedOptions().timeZone,
+    }
+  );
 };
 
 // 选择器时间字符串按时区转化
@@ -26,7 +32,10 @@ export const exportDateToZonedDate = (date: any, format?: string) => {
   if (!date) return date;
   return new Date(
     momentTZ
-      .tz(moment(date).format(format || 'yyyy-MM-DD HH:mm:ss'), localStorage.getItem('timezone') || 'UTC')
+      .tz(
+        moment(date).format(format || 'yyyy-MM-DD HH:mm:ss'),
+        localStorage.getItem('timezone') || Intl.DateTimeFormat().resolvedOptions().timeZone
+      )
       .format()
   );
 };
@@ -36,7 +45,7 @@ export const exportDateToZonedDate = (date: any, format?: string) => {
 export const exportZonedDateToDate = (date: any, format?: string) => {
   if (!date) return date;
   const arr = momentTZ
-    .tz(date, localStorage.getItem('timezone') || 'UTC')
+    .tz(date, localStorage.getItem('timezone') || Intl.DateTimeFormat().resolvedOptions().timeZone)
     .format()
     .split('T');