如何更改 dayjs 日期选择器上设置的日期

Question

所以我将 dayjs 与 ANTD v5.16.4 和 React 18.2.0 结合使用。我有一个用户填写的表单，他们填写一堆信息，从日期选择器中选择一个日期，然后提交。现在它存储在 mongodb 云上。

日期以“YYYY-MM-DD”格式存储，该格式是从 dayjs 对象转换而来的。即 .format("YYYY-MM-DD").

假设用户回来对信息进行一些更改。我提取数据并将其保存在状态中。然后这段代码中的日期选择器会读取该信息（日期）。

<DatePicker
                              value={
                                estimatedShippingDate
                                  ? dayjs(estimatedShippingDate)
                                  : null
                              }
                              onChange={(date) =>
                                handleShippingDateChange(date, index)
                              }
                              style={{ width: "100%" }}
                              allowClear
                              disabledDate={(current) =>
                                current && current < today
                              }
                            />
                          </div>

日期选择器显示保存的日期。我可以清除之前输入的日期，将其设置为空。

当我单击日期选择器时，问题就出现了。一旦我点击它来更改日期。页面崩溃并抛出错误“TypeError: t.weekday is not a function. (In 't.weekday()', 't.weekday' is undefined)”。

我尝试将其设置为 ISO 日期格式的日期字符串，但仍然没有成功。

Answer 1

我关注了这篇文章：https://stackoverflow.com/questions/76650410/antd-dayjs-typeerror-clone-weekday-is-not-a-function”奇怪的是它有效。仍然需要弄清楚导入是什么必需的而不是全部。