react-day-picker更改默认日期格式会阻止输入日期

时间:2017-12-06 23:27:11

标签: reactjs react-day-picker

我刚开始使用react-day-picker库。我有以下代码sandBox,它是带有2个输入示例的范围的分支,

https://codesandbox.io/s/w6vnlox29l

我按照我想要的方式工作,但我想输入日期为MM / DD / YYYY而不是默认格式YYYY-MM-DD。当我添加以下属性

<DayPickerInput
  value={from}
  format="M/D/YYYY"
  formatDate={formatDate}
  parseDate={parseDate}
  placeholder="MM/DD/YYYY"
  onDayChange={this.handleFromChange}
  dayPickerProps={{
    selectedDays: [from, { from, to }],
    modifiers,
    disabledDays: {
      after: new Date(),
    },
    numberOfMonths: 2,
    toMonth: new Date(),
  }}
/>

我无法再在输入字段中正确输入日期日期。当我删除格式,formatDate和parseDate属性时,日期选择器输入功能就像我预期的那样。我已阅读文档但认为我可能会遗漏一些简单的内容。如何使用输入文本框和日期选择器,日期格式为MM / DD / YYYY?

0 个答案:

没有答案