Question

我正在使用airbnb的react-dates库作为日期选择器。但是，它现在正在使用它与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}

这应该可以解决您的问题。

输入框未填充所选日期

1 个答案: