0

我刚刚开始使用 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 的日期输入文本框和日期选择器?

4

0 回答 0