問題タブ [react-datepicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
5635 参照

reactjs - React-datepicker: 18 歳以上の場合にのみ日付を設定できるようにします

ユーザーが必要な情報を送信できるフォームがあります

フィールドの 1 つは生年月日です

その特定のフィールドにreact-datepickerパッケージを使用しています

コードの一部は次のようになります。

6570 = 18*365 は 18 年から変換された日です。364 日もあるから、これはしっかりしたものではないことはわかっています。

これは、datepicker が日付を選択できない場合のスクリーンショットです。

https://gyazo.com/4d66a8e59dbca5e79c3af7d6de139d21

ユーザーがフォームを送信するために少なくとも18歳になる方法をどのように達成できるかについての考えや推奨事項はありますか?

ありがとうございました!

0 投票する
2 に答える
5792 参照

javascript - Reactjs DatePicker で状態を更新しても機能しない

datepicker を使用してプロジェクトを追加すると機能しますが、datepicker を使用してそれらのプロジェクトを編集/更新しようとすると機能しません! 次のような多くのエラーが表示されます。

  • 失敗したプロップ タイプ:に指定されたselectedタイプのプロップが無効であることが予想されますstringDatePickerobject

  • コンポーネントは、タイプ テキストの制御されていない入力を制御されるように変更しています。入力要素は、制御されていない状態から制御されている状態 (またはその逆) に切り替えるべきではありません。コンポーネントの寿命の間、制御された入力要素を使用するか、制御されていない入力要素を使用するかを決定します。

  • 失敗したプロップ タイプ:に指定されたselectedタイプのプロップが無効であると予想されます。stringCalendar/Month/Week/Dayobject

  • キャッチされていない TypeError: 未定義のプロパティ '値' を読み取ることができません

入力が空で、本来のように今日の日付が表示されません。例を次に示します。 ここに画像の説明を入力

ここに私の EditProject コンポーネントがあります:

手伝ってくれてどうもありがとう!

0 投票する
7 に答える
25307 参照

reactjs - タイムゾーンを設定する

ユーザーが日付を選択できるように、react-datepickerを使用しています。ただし、現在は現地時間 (PDT) を使用していますが、特定のタイムゾーン (PST) を使用するようにハードコーディングしたいと考えています。

propを使用してみutcOffsetましたが、何もしていないようです。これを達成する方法を知っている人はいますか?

0 投票する
1 に答える
1032 参照

react-datepicker - Javascript airbnb react-dates showClearDate スロー

SingleDatePicker に表示されるクリア日付ボタンを取得しようとしています。ドキュメントを見ると、showClearDate 属性を SingleDatePicker に追加するだけです。これは私がそれを実装した方法です:

showClearDate属性を削除すると(もちろんボタンを表示せずに)、Evertyingは正常に機能しますが、この属性を追加すると、「未定義のプロパティonClearDateMouseEnterを読み取れません」という例外が発生します

以下は、エラーが発生している場所を示す react-dates SingleDatePickerInput.jsx から取得したものです。

ドキュメントには、関数 onClearDateMouseEnter 関数を提供する必要があること、またはコード内でそれに対するその他の参照を提供する必要があることへの参照はありません。

ここで何が欠けていますか?