微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何从 React DatePicker 获得 UTC +1?

如何解决如何从 React DatePicker 获得 UTC +1?

我正在使用 React DatePicker 来获取预订的日期和时间。

似乎一切正常,我得到了正确的日期并将其发送到数据库,但是如果我选择 10:30 作为时间,我到达数据库的时间是 9:30,因为显然正在使用 UTC,但是我在 UTC + 1。

我尝试了以下方法来转换为 UTC + 1,但这两种方法都不起作用。我还能尝试什么?

第一种方法

  const date1 = new Date()
  const inc = 1000 * 60 * 60 // an hour

  const _date = new Date(date1)

  const [startDate,setStartDate] = useState(
    new Date( _date.getTime() + inc )
   );

第二种方法

function addHoursToDate(date,hours) {
    return new Date(new Date(date).setHours(date.getHours() + hours));
  }
  const myDate = new Date();
  const [startDate,setStartDate] = useState(
    addHoursToDate(myDate,1 )
   );

解决方法

尝试将数据库中的日期保存为自 Unix Epoch 以来的毫秒数。通过这种方式,您可以在客户端中显示正确的日期,而无需担心时区。

const yourDate = new Date();
const millisSinceUnixEpoch = yourDate.getTime();

...save on db...

...get from db...

const yourDate = new Date(millisSinceUnixEpochFromDb); 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。