問題タブ [react-dates]
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.
reactjs - react-dates DateRangePicker と formik の統合に成功した人はいますか?
react-dates[DateRangePicker] onDatesChange と onFocusChange にはそれぞれ 2 つの値があるため、それらの処理方法について混乱しています。 onDatesChangeは、複数の値、つまり開始日と終了日の両方を設定できる必要があります。
formikでdaterangepickerのカスタムラッパーを構築しようとしていました。
コンソールでエラーを確認する
- 期待される結果: 開始日と終了日の両方をローカル状態で保存し、画面に表示できる必要があります。
作業リンクを参照してください: https://codesandbox.io/s/l72w6n8l0m
reactjs - 反応日付SingleDatePickerの無効な日付を修正するには?
データベースのイベントを編集/追加するために SingleDatePicker を使用しようとしています。今年以外に新しいイベントを作成することはできますが、2019 年以降のイベントを編集しようとすると、SingleDatePicker に「無効な日付」が表示され、クリックするとサイトがクラッシュし、「Uncaught TypeError: monthmust be でなければなりません」というエラーが表示されます。有効なモーメント オブジェクト" . 私はmomentjsを使用しています。すべての日付がまったく同じ形式で API から渡されることに注意してください。この問題は、2019 年以降の日付でのみ発生します。日付が 2019 年以降の場合、「警告: 失敗したプロップ タイプ: 無効なプロップdateのタイプobjectは に提供されSingleDatePicker、予想されMomentます。"私は瞬間を使用していますが、このエラーは理解できません。
この問題に関するドキュメントは見つかりませんでした。
reactjs - React-dates は複数の週の範囲を選択します
現在、react-datesを使用して DateRangePicker を使用しています。ユーザーが一度に複数の週を選択できるようにしたいと考えています。私が望むものの始まりである一度に7日間を選択するこの方法を見てきました。
最初のクリックで選択した週の開始を選択してから、別の週を強調表示して選択できるようにしたいと思います。ユーザーがこの第 2 週をクリックすると、選択した第 2 週の終了日を終了日として設定したいと思います。
にとどまらずreact-dates、可能であれば/別のパッケージで簡単に使用できます!!
私が十分に明確であったことを願っています。明確化を求めることをためらわないでください。
前もって感謝します。
reactjs - 反応日付で状態を設定する関数を必要とする子コンポーネントから状態を設定するにはどうすればよいですか?
選択した日付の状態を設定しようとするために、react-date を使用しています。
これは、状態が存在するメイン コンポーネントにある場合は正常に機能しますが、そのコンポーネントの子コンポーネントに DateRangePicker があるため、子から状態を設定することはできません。
状態を設定するために親コンポーネントに存在する関数を作成しようとしましたが、これは機能しません:
子コンポーネントで:
親コンポーネントで:
これは、親の状態を設定する DateRangePicker の別のパラメーターに対して機能しますが、次のようになります。
子供の場合：
親で: