タイトルは次のように書き換えられました: React は、react-hook-form と統合された DateTimePicker が日付を正しく表示できません

Question

React 日時ピッカーを追加しようとしているフォームがありますが、それを react-hook-form と統合して、残りの部分と連携させようとしています。フォームですが、まったく機能していないようです。

フォームが最初にレンダリングされるとき、現在の日付は日付ピッカーに表示されず、「----------」のみが表示されます。ポップアップ ウィンドウから日付を選択すると、日付が表示されます。フィールドの も表示されなくなります。

ああああ

Answer 1

反応フックフォームと反応日時ピッカーの使い方は正しいようです。直面している問題は、日付フィールドの初期値が正しく設定されていないことに関連している可能性があります。

この問題を解決するには、 コントローラの defaultValue プロパティを使用して、日付フィールドの初期値 を設定します。さらに、react-datetime-picker は Date 値を期待するため、DateTimePicker に渡される値が Date オブジェクトであることを確認する必要があります。

以下は更新されたコードです:

リーリー

defaultValue を new Date() に設定すると、フォームが最初に表示されるときに日付ピッカーに現在の日付が表示されるようになります。また、 new Date(value) を使用して値を DateTimePicker に渡すときは、それが Date オブジェクトであることを確認してください。