DatePicker以Redux形式 [英] DatePicker in Redux Form

问题描述

我想使用DatePicker来选择使用redux形式的日期。
我创建了这个：

i'd like to use DatePicker for selecting date using redux form. I create this:

import React from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

export default field => (
  <div>
    <DatePicker
      onChange={field.value}
      selected={field.value}
      isClearable={true}
    >
      {field.children}
    </DatePicker>
    {field.meta.touched && field.meta.error &&
    <span className="error">{field.meta.error}</span>}
  </div>
);
<div className="form-group">
        <div className="col-xs-12 col-sm-3 ">
          <div className="label" htmlFor="date-to">DATE TO</div>{' '}
          <Field
            id="date-to"
            name="date-to"
            component={DateInput}
          />
        </div>
  </div>

但它不会返回任何值，也不会在字段
中显示日期我应该怎么做？

But it does not return any values and the does not show the date in the field What should i do?

推荐答案

您想包装DatePicker元素，它可以在Field上用作组件这：

You want to wrap the DatePicker element that it can be used as a component on "Field" like this:

const renderDatePicker = ({input, placeholder, defaultValue, meta: {touched, error} }) => (
  <div>
        <DatePicker {...input} dateForm="MM/DD/YYYY" selected={input.value ? moment(input.value) : null} />
        {touched && error && <span>{error}</span>}
  </div>
);

export default renderDatePicker

有关更多信息，请参阅此GitHub问题： a href =https://github.com/Hacker0x01/react-datepicker/issues/543 =noreferrer> https://github.com/Hacker0x01/react-datepicker/issues/543

Refer to this GitHub issue for more information: https://github.com/Hacker0x01/react-datepicker/issues/543

这篇关于DatePicker以Redux形式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！