如何将日期输入和选项限制为仅年份

时间:2018-07-17 07:07:10

标签: javascript reactjs flatpickr

我在React组件中使用Flatpickr选择日期输入。本来应该是完整日期,但我决定将其更改为仅包含年份。这是我想出的:

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}
    />
  }
}

当未切换输入时仅显示年份时,单击它仍将显示整个日历月。如何确保仅显示年份选项供用户选择? enter image description here

0 个答案:

没有答案