reactjs - 我用 redux 表单为 react-datepicker 输入代码
问题描述
我用 redux 表单为 react-datepicker 输入代码,它可以工作,但是当我选择日期时,页面中的所有内容都会消失并得到控制台错误,时间值无效,请在此处输入代码
import React from "react";
import { Form, Label } from "semantic-ui-react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import moment from "moment";
const DateInput = ({
input: { value, onChange, ...restInput },
width,
placeholder,
meta: { touched, error },
...rest
}) => {
return (
<Form.Field error={touched && !!error} width={width}>
<DatePicker
{...rest}
placeholderText={placeholder}
selected={value ? moment(value) : value}
onChange={onChange}
{...restInput}
/>
{touched && error && (
<Label basic color="red">
{error}
</Label>
)}
</Form.Field>
);
};
export default DateInput;
<Field
name="date"
type="text"
component={DateInput}
dateFormat="YYYY-MM-DD HH:mm"
timeFormat="HH:mm"
showTimeSelect
placeholder="Date and time of event"
/>
解决方案
推荐阅读
- python - 替换 Python 文本中以逗号分隔的元素位置
- amazon-web-services - 为什么 EB 将我抛出 Not Found 在此服务器上找不到请求的 URL?
- docker - Docker服务因依赖而无法启动
- python - 逐层评估 U-Net
- java - 如何聚合 MongoDB 的最终总和?从之前计算的总和
- javascript - 为什么它在重新加载后显示 JSON 数据而不是显示前端?
- scheduled-tasks - Windows 任务计划程序的端口
- facebook-graph-api - 通过 API 的 Facebook 受众重叠不起作用
- gcc - 缺少 GTK3 功能
- fullcalendar - Fullcalender 自定义 mothsNames