Javascript 带有范围和单个输入的DatePickerInput

我有一个单一输入的范围选择器组件，如下所示

<DayPickerInput
  placeholder="InputDates"
  value={dateValues}
  onDayChange={onDateChange ?? onDayPress}
  ref={dayRef}
  inputProps={{ ref: inputRef, ...dateValues }}
  overlayComponent={(props) => <DateRangePickerContainer ref={ref} {...props} />}
  component={(props) => <TextInput name="date-picker" {...props} />}
  hideOnDayClick={false}
  dayPickerProps={{
    numberOfMonths: 1,
    modifiers: { start: dateValues.from, end: dateValues.to },
    onDayClick: onDateChange ?? onDayPress,
    selectedDays: [dateValues.from, { ...dateValues }],
  }}
/>

---

并将这一变化反映在日选择器覆盖图上。这可能吗？

这就是你要找的吗

addDayToRange（）

---

它返回

⇒ 对象

当在日历上选择时，这可以很好地工作，但由于这增加了“开始日期”和“结束日期”的整个范围，因此在您要键入HMMM的地方，一个输入不起作用，最好使用两个输入，借助css魔法使其看起来像一个输入

2021/4/10 - 2021/4/20