(ReactJS) Как вы получаете входное значение ввода типа даты?

в настоящее время у меня есть

<input type="date" onChange={(input) => { _this.setState({startDate: input})}}/>

Независимо от того, что я менял (часть onChange на ref и т. д. и т. д.), startDate отображается как неопределенное, когда я console.log свое состояние. Я даже изменил startDate:input на startDate:input.value, и это все еще не сработало.

Я пытался использовать много реагирующих библиотек, таких как react-datepicker и т. д. Пока что они мне не очень помогли (у нас есть тонна CSS, и их CSS испорчен из-за этой проблемы).


reactjs date
person adriam    schedule 12.12.2017    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Не знаю, что такое _this.

Я рекомендую ознакомиться с справочником MDN по input событиям. чтобы получить представление о том, что они собой представляют / как их перехватить.

Ниже приведен рабочий пример.

<input type="date" onChange={(event) => this.setState({startDate: event.target.value})}/>
person Arman Charan    schedule 12.12.2017
comment
Спасибо, это работает. И обычно я устанавливаю var _this = this; просто для безопасного хранения и всегда используйте _this, чтобы убедиться, что я вызываю основной класс - person adriam; 12.12.2017
comment
Как мы можем получить значение календаря Airbnb, если это SingleDatePicker? - person Xia; 24.11.2020