输入框中未填入所选日期

Question

我正在使用airbnb的反应日期库的日期选择器。然而，它现在工作，同时使用它与redux形式。当我点击选择日期按钮，日历弹出。选择日期时，输入框显示为空，而不是选择的日期。

我的问题是输入框上没有显示所选日期。

这是我的密码

const renderDateRangePicker = ({
  input,
  focused,
  onFocusChange,
}) => (
  <SingleDatePicker
    id="date_input"
    onDateChange={(value) => input.onChange(value.date)}
    onFocusChange={onFocusChange}
    focused={focused}
    date={(input.value && input.value.date) || null}
    className="form-control"
  />
);

onFocusChange({ focused }) {
  this.setState({ focused });
}

const { focused } = this.state;

<Field
  name="Fecha"
  onFocusChange={this.onFocusChange}
  focused={focused}
  component={renderDateRangePicker}
/>

如何在输入框上显示所选日期，同时保留所选日期？

Answer 1

更改onDateChange功能和日期道具，如下所示：

onDateChange={(value) => input.onChange(value)} 
date = {input.value || null}

这应该能解决你的问题。