Javascript React Redux表单-集成日期选择器

Javascript React Redux表单-集成日期选择器,javascript,reactjs,redux,redux-form,react-redux-form,Javascript,Reactjs,Redux,Redux Form,React Redux Form,我是redux表单的新手,如果我使用了错误的术语,非常抱歉 我一直在使用react-redux表单来处理我的redux和后端通信。 最近我被要求实现一个日期选择器。我们最初的选择是使用Airbnb datepicker,但是我们不能将捕获的值发送到后端 也许显示我的代码更容易: 返回render()时- this.handleSubmit(val)}> {getCities} 道具。一旦改变, onFocusChange:props=>props.onChange, 日期:props=>pro

我是
redux
表单的新手,如果我使用了错误的术语,非常抱歉

我一直在使用
react-redux表单
来处理我的
redux
和后端通信。

最近我被要求实现一个日期选择器。我们最初的选择是使用Airbnb datepicker,但是我们不能将捕获的值发送到后端

也许显示我的代码更容易:

返回render()时-

this.handleSubmit(val)}>
{getCities}
道具。一旦改变,
onFocusChange:props=>props.onChange,
日期:props=>props.modelValue
}}
/>
我一直在做一些搜索,airbnb的react datepicker在react redux表单方面有点问题。如果有人知道任何更好的插件值得使用。请让我知道

谢谢你的帮助,

  • react datetime实现如下所示:-
form.js

有效期至

{返回props.viewValue} }} />
你救了我的命。或者至少是我的周五晚上。同样的事情。@Naji很乐意帮忙:)
<Form model="trip" onSubmit={(val) => this.handleSubmit(val)}>
    <Control.select model=".city">
        {getCities}
    </Control.select>

    <Control
        model=".travelDate"
        component={SingleDatePicker}
        mapProps={{
            onDateChange: props => props.onChange,
            onFocusChange: props => props.onChange,
            date: props => props.modelValue
        }}
    />
    <div>
        <Button name="Lets Begin!" buttonType="primary" />
    </div>
</Form>