首页 > 解决方案 > 在反应中显示日期减一

问题描述

我在响应表单上使用 html 输入类型日期。以前在遇到javascript日期对象问题并使其正确显示时,我使用了方法,.replace(/-/g, "/")并且传入的日期将正确显示。

我正在制作一个新应用程序并尝试相同的事情并收到以下错误,基本上是复制和粘贴代码行。

指定的值“2021/07/06”不符合要求的格式“yyyy-MM-dd”。

所以显然你需要做一个时区偏移来让日期对象在反应中正确显示?

这是我试图在日期选择器的值中显示正确的日期:

      <input
       type='date'
       name='startDate'
       value={startDisplay != null && startDisplay}
       id=''
       onChange={(e) => {
        setStartDate(e.target.value);
        setStartDisplay(
         Intl.DateTimeFormat({
          year: "numeric",
          month: "numeric",
          day: "numeric",
         })
          .format(new Date(startDate))
          .replace(/-/, "/")
          .replace(/-/, "/")
        );
       }}
      />

我想知道是否有允许替换方法工作的修复程序,或者是否有人可以帮助我为 setDisplayDate 编写一个正确使用 timezoneoffset 的函数。

还是我应该把它吸起来并添加日期选择器库?

标签: reactjsdatepicker

解决方案


推荐阅读