Как использовать response-datepicker с избыточной формой? - PullRequest
Новая
       20

Как использовать response-datepicker с избыточной формой?

1 голос
/ 04 мая 2019

Я пытаюсь сделать так, чтобы срабатывающий datepicker работал с избыточной формой, я уже прочитал свои ответы на stackoverflow, я сделал так, что сборщик работает нормально, но по какой-то причине не могу ничего напечатать на поле. Интересно, что если я попытаюсь вставить правильную дату, например, 30.12.2009, то это тоже сработает. Вот мой код 

import React from "react";
import { Field, reduxForm } from "redux-form";
import DatePicker from "react-datepicker";
import moment from "moment";

const RenderDatePicker = ({ input }) => (
  <div>
    <DatePicker
      {...input}
      className="form-control"
      onChange={date => input.onChange(moment(date).format("MM/DD/YYYY"))}
      selected={input.value ? moment(input.value, "MM/DD/YYYY") : null}
    />
  </div>
);

const SimpleForm = props => {
  const { handleSubmit, pristine, reset, submitting } = props;
  return (
    <form onSubmit={handleSubmit}>
      <Field name={"datePicker"} component={RenderDatePicker} />

      <button type="submit">
        Submit
      </button>
    </form>
  );
};

export default reduxForm({
  form: "simple"
})(SimpleForm);

1 Ответ

0 голосов
/ 04 мая 2019

ПОПРОБУЙТЕ 

const RenderDatePicker = ({input}) => {
const inputWrap = (
    <div>
     <DatePicker
      {...input}
      className="form-control"
      onChange={date => input.onChange(moment(date).format("MM/DD/YYYY"))}
      selected={input.value ? moment(input.value, "MM/DD/YYYY") : null}
    />

return (
    <div>
        {inputWrap}
    </div>
);

};

...