reactjs - 如何修复 react-dates SingleDatePicker 无效日期?
问题描述
我正在尝试使用 SingleDatePicker 在数据库中编辑/添加事件。我可以在这个日历年之外创建一个新事件,但是当我去编辑 2019 年之后的任何事件时,我在 SingleDatePicker 中收到一个“无效日期”,单击它会导致我的网站崩溃并给出错误“未捕获的类型错误:month
必须是一个有效的时刻对象”。我正在使用momentjs。值得注意的是,所有日期都是从我的 API 以完全相同的格式传递的,而且我只有在 2019 年之后的日期出现这个问题。当日期在 2019 年之后,我收到错误“警告:失败的道具类型:无效date
的道具object
提供给的类型SingleDatePicker
,预期Moment
的。”我正在使用时刻,所以我不明白这个错误。
我没有找到有关此问题的文档。
`componentWillReceiveProps() {
if (this.props.date !== null) {
let newDate = moment(this.props.date, "ddd, MMM DD yyyy HH:mm:ss
Z");
this.setState({ date: newDate });
}
....
....
....
....
<SingleDatePicker
date={this.state.date}
isOutsideRange={() => false}
onDateChange={date => this.setState({ date })} /
focused={this.state.focused}
onFocusChange={({ focused }) => this.setState({
focused })}
id="selectedDate" ,
/>`
解决方案
我做了一个为我解决的解决方法。当日期为空时(如我们的案例),您可以将其设置为今天的日期,如下所示:
onDateChange={date => this.setState({ date || moment().format('YYYY-MM-DD') })}
推荐阅读
- android - Android TextView分离内部布局问题
- python - Django 状态字段
- asp.net - ASP.NET - 当文件名包含斜杠/时下载文件
- python - Python:如何将 API 请求中的文本/CSV 内容异步发送到 Google Cloud Storage?
- angular - 通过预签名 URL 将图像上传到 s3 不起作用(Typescript)
- python - Python - zfill 用前导零填充元素
- beautifulsoup - 无法在 PyCharm 中使用 Beautifulsoup
- gensim - Gensim lda 给出负对数困惑值 - 它是否正常,我该如何解释它?
- c# - 如何在 Unity 中跳转?(C#)
- ruby - Leetcode 匹配对