reactjs - React-DatePicker - 未定义格式
问题描述
我试图实现 React Datepicker 函数编号 32 https://reactdatepicker.com/。
这是他们提供的文档代码
handleChange (date) {
this.setState({startDate: date})
this.toggleCalendar()
}
toggleCalendar (e) {
e && e.preventDefault()
this.setState({isOpen: !this.state.isOpen})
}
<div>
<button
className="example-custom-input"
onClick={this.toggleCalendar}
{format(this.state.startDate, "dd-MM-yyyy")}
</button>
{
this.state.isOpen && (
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
withPortal
inline />
)
}
</div>
我的问题是,“格式未定义”错误被抛出。我在这里犯了什么错误?
请帮忙。
解决方案
基于他们自己的 github repo 示例: https ://github.com/Hacker0x01/react-datepicker/blob/master/docs-site/src/examples/inline_portal.jsx
您缺少看起来与库“date-fns/format”中的函数格式相似的函数格式。你也可以从 npm 获得。
在项目的同一文件夹中的控制台中执行npm install date-fns --save
并将此行添加import format from "date-fns/format";
到您的代码中
我会看看这是否是您想要使用的格式功能或根据您的需要编写自己的格式功能。
推荐阅读
- spring-tools-4 - spring boot 套件 - 独立的 IDE 还是其他 IDE(例如 Eclipse)的插件
- python - 来自生成器 OutOfRangeError 的 TensorFlow 数据集:序列结束
- c# - C#通过Socket同时发送字符串和视频流
- python - 如何在 mongodb 中创建一个 ID 来对多个 JSON 对象进行分组?
- flutter - Flutter:非活动 InputConnection 上的 getTextBeforeCursor
- flask - 无法运行 Flask 服务器
- python-3.x - del statemente + gc.collect() 不释放内存
- r - rawShift() 何时可逆?
- python - Python递归函数在返回时不执行外循环的其余部分
- ios - Sprite Kit 无法创建物理体错误