React Native：我正在使用社区的日期时间选择器，它将我的时间转换为 GMT+0

Question

I am on GMT+3 and when I use @react-native-community/datetimepicker. It converts my date automatically to the GMT+0. You can check my code below. Do someone now why it is converting? Thank you!

DATE TIME PICKER

 <DateTimePicker
   testID="dateTimePicker"
   value={data[name]} // value={new Date()}
   mode={type} // mode="time"
   is24Hour={true}
   display="spinner"
   onChange={handleChange}
   minimumDate={type === "date" ? new Date() : undefined}
 />

HANDLE CHANGE FUNCTION

const handleChange = (event: any, selectedDate: Date) => {
setShow(false)

console.log(selectedDate) // returns the selected date - 3 hours

if (selectedDate) {
  setDate(formatDate(selectedDate, type))
  setData({ ...data, [name]: selectedDate })
}

}

Answer 1

I fixed it. I converted the time to the user device timezone by using a function before setDate.

UPDATE for the if from handleChange:

  setByTimezone(selectedDate)      
  setDate(formatDate(selectedDate, type))    
  setData({ ...data, [name]: selectedDate })

FUNCTION setByTimezone(this is the code for typescript, if someone with javascript want to use it, remove the types):

const setByTimezone = (time: Date): void => {
  const date: Date = new Date()
  const difference: number = -date.getTimezoneOffset() / 60

  time.setHours(time.getHours() + difference)
}