Как ограничить ввод даты и параметры только годом
Я использую Flatpickr в своем компоненте React для выбора ввода даты. Изначально предполагалось, что это будет полная дата, но я решил изменить ее, включив только год. Вот что я придумал:
class EducationForm extends React.Component<Props, State> {
flatOptions = {
altInput: true,
altFormat: 'Y'
}
render () {
<Flatpickr
className='form-control'
name='startDate'
value = {attributes.startDate}
required='required'
onChange = {(_, str) => {
this.updateAttribute(str, 'startDate')
}}
options = {this.flatOptions}
/>
}
}
Хотя отображается только год, когда ввод не переключен, при щелчке по нему будет отображаться весь календарный месяц. Как сделать так, чтобы пользователь мог выбрать только год?
@mrdeadsven Какие еще варианты у меня есть?
лучше использовать селектор реагировать-год-месяц для выбора только года, поскольку кажется, что Flatpickr не обеспечивает выбор только года. Лучше предоставить поле ввода с заполнителем, так как нужно выбрать только год
@Harikrishnan он использует jQuery вместо React.
@ Bargain23 Хм, на самом деле я никогда не использовал сборщик, рассчитанный только на год, но похоже, что это именно то, что вы ищете? npmjs.com/package/react-year-picker. Ох, и если вы хотите вернуться к обычному выбору даты позже, возможно, вы захотите проверить это: npmjs.com/package/react-datetime-year. здесь вы можете просто установить viewMode на годы, месяцы или дни.
Вы можете использовать response-bootstrap-datepicker. все варианты есть. npmjs.com/package/react-bootstrap-date-picker
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Насколько я помню, в flatpickr это невозможно. На данный момент у них нет методов или параметров конфигурации, которые позволили бы вам это сделать.