как иметь разные даты на DatePicker и на поле ввода?

Question

Я использую реагировать и реагировать на указатель даты , и я хочу, чтобы начальная дата в указателе даты отличалась от начальной даты в поле ввода, , например, . Мне нужно, чтобы они отличались только в том случае, если они являются начальными датами, если пользователь выбирает новую дату, тогда дата на датчике и дата в поле ввода должны быть такими же, как обычно. Как я могу это сделать?

Answer 1

Пользовательский ввод DatePicker должен решить вашу задачу.

Вот копия примера кода из документации

class ExampleCustomInput extends React.Component {

    render () {
        return (
            <button
                className="example-custom-input"
                onClick={this.props.onClick}>
                {this.props.value}  // THis value will be displayed in input control
            </button>
        )
    }
}

ExampleCustomInput.propTypes = {
    onClick: PropTypes.func,
    value: PropTypes.string
};

...

<DatePicker
     customInput={<ExampleCustomInput />}
     selected={this.state.startDate}   // This value will be selected when datepicker control shows up
     onChange={this.handleChange} />

Просто замените <Button/> элемент управления на <Input/> и стилизовать его по договоренности.Также управляйте this.props.value и this.state.startDate с одного обратного вызова, чтобы сделать их одинаковыми после того, как пользователь выберет дату в datepicker