DatePickerの日付時刻のハンドルを手動で編集する

Question

私はDatePickerをantdから使用しています。

<LocaleProvider locale={enUS}> 
    <DatePicker 
     format="MM/D/YYYY HH:mm" 
     defaultValue={this.getStartValue()} 
     showTime={{format: 'HH:mm'}} 
     placeholder="Start" 
     allowClear={false} 
     onOk={this.onStartTimeChange} 
    /> 
</LocaleProvider> 
<LocaleProvider locale={enUS}> 
    <DatePicker 
     format="MM/DD/YYYY HH:mm" 
     defaultValue={this.getEndValue()} 
     showTime={{format: 'HH:mm'}} 
     placeholder="End" 
     allowClear={false} 
     onOk={this.onEndTimeChange} 
    /> 
</LocaleProvider> 

私はstateから値を示しています。また、onOKは新しい値で状態を変更しています。今問題に直面しているのは、ユーザーが手動で時間を編集するときです。

は、入力フィールドを編集手動で時刻を変更することから

1. 防ぎ、ユーザーに方法はありますか？
2. または編集した値で状態を変更しますか？

onChangeは、ほとんどの場合、1回のクリックでほとんどすべての状態が変わります。 onChangeが推奨される方法なら、OKボタン自体を避けることができますか？

Answer 1

オンラインで検索して試した後。

私たちはonChangeを使うことができ、これはすべてのものを扱います。

<DatePicker 
    format='MM/DD/YYYY HH:mm' 
    defaultValue={this.getFromValue()} 
    showTime={{format: 'HH:mm'}} 
    placeholder="Start" 
    allowClear={false} 
    showToday={false} 
    disabledDate={this.disabledFromDate} 
    onChange={this.onStartTimeChange} 
/>