React-calendar 在部署到 Heroku 时卡在日期上

编程问答 2022-05-18

问题描述

我有一个使用 react-calendar 的预订网站，该网站使用当前日期启动，以便在打开应用程序时显示今天的日期。我使用钩子这样做：

const [chosenDate,setDate] = useState(setFirstDate(new Date()));

function setFirstDate(d) {
    if (moment(d).day() === 6 || moment(d).day() === 0) {
        return (moment(d).add(1,"weeks").isoWeekday(1).toDate());
    } else {
        return new Date();
    }
}

return(
    <Calendar
        minDate={new Date()}
        maxDate={new Date(moment().add(1,"M"))}
        value={chosenDate}
        onChange={setDate}
        next2Label={null}
        prev2Label={null}
        locale="sv"
        minDetail="month"
        tiledisabled={({ date }) => date.getDay() === 6 || date.getDay() === 0}
    />
)

当上传到 Heroku 时，它在第一天工作正常，但从第二天开始它在部署日期卡住了。有趣的部分是代码方面，它似乎仍然知道今天的日期，我已经测试过了。此外，当您移动到另一个月份然后返回时，它会得到正确的日期。

这是一个显示问题的视频： https://imgur.com/FayY8R4（视频中当前日期为 3 月 16 日，但部署日期为 3 月 15 日。

有没有人对可能导致这种情况的原因有任何想法？除了使用另一个日历库和重新设计所有内容之外，我已经尝试了所有方法。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

herokuherokuherokujavascriptreact-calendarreactjsreactjsreactjsreactjs