DayPickerInput允许在提取日期后手动删除日期(需要防止这种情况)

Question

我使用以下内容来防止其他输入字段出现默认值，但在我的DayPickerInput上似乎无法完全工作。

//防止默认功能

onKeyPress = (event) => {
event.preventDefault();
}

//DayPickerInput

<DateObject
inputProps={
{className: 'pl2 br3 shadow-1 dropdownButtonDate', onKeyPress: this.onKeyPress}
}
value={selectedDay}
onDayChange={this.handleDayChange}
dayPickerProps={{
selectedDays: selectedDay,
disabledDays: [{
daysOfWeek: [0, 6],
},
{
before: new Date(this.dateRestriction())
}]
}}
/>

它不让我写任何东西，这太棒了！

但当我试图删除我的约会时，它允许我这么做

我该如何阻止这种行为？

Answer 1

经过调整，我找到了自己的解决方案。

对DayPickerInput使用"onKeyDown"而不是"onKeyPress"。OnKeyPress to preventDefault((将阻止在输入字段上进行写入，但仍允许删除。

下面的修改成功了，我不能再删除被选中的日期，也不能在上面写

inputProps={
{className: 'pl2 br3 shadow-1 dropdownButtonDate', onKeyDown: this.onKeyPress}
}

注意：您仍然可以选择一个新日期来替换该值。