夏令時區的 react-native-modal-datetime-picker 問題

Question

我一直在為我的react native 移動應用程序使用react-native-modal-datetime-picker包，但遇到了一個問題。

在日期選擇器中，我需要將默認選定日期設為'1985-08-17' ，當時區為America/Mexico_City (-05:00) ，默認選定日期變為前一天，即'1985-08-16' 。

我在下面的代碼示例中做錯了什么嗎？

<DateTimePicker
    isVisible={true}
    date={new Date('1985-01-17')}
    onConfirm={()=>()}
    onCancel={()=>()}
    mode={'date'}
/>

在相同的 CDT 時區，當我將設備時區更改為America/Chicago時，此問題不可重現。

Answer 1

我也剛碰到這個。 原因是 react-native-modal-datetime-picker 使用的是您的本地時區，而new Date(...)使用的是UTC 。

您可以通過告訴 react-native-modal-datetime-picker 像這樣使用 UTC 來修復它

<DateTimePicker
    isVisible={true}
    date={new Date('1985-01-17')}
    onConfirm={()=>()}
    onCancel={()=>()}
    mode={'date'}
    timeZoneOffsetInMinutes={0}
/>