問題タブ [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 投票する
0 に答える
586 参照

css - 日付ピッカーを全幅に広げる

反応日付ピッカーを使用しています。

ここに画像の説明を入力

既存のスタイルは次のとおりです。

コンテナの全幅に日付ピッカーを伸ばしたい。現在、幅は 147px にハードコーディングされています。また、日付ピッカーの z-index を調整したいと考えています。さまざまな CSS オプションを試しましたが、機能しませんでした。幅を親コンテナーに固定するための正確な CSS を知っている人はいますか? ありがとう。

0 投票する
3 に答える
11868 参照

reactjs - 反応日付ピッカーの空の初期値を設定する方法は?

日付コンポーネントとして react-date-picker を使用する redux フォームがあります。編集モードでフォームを開くと、場合によっては日付フィールドに値がないか、空白 (" ") 値があります。この場合、react-date-picker コンポーネントが解析する適切な値を見つけられない場合、コンポーネントに「無効な日付」が表示されます。null を渡すか、日付がないかどうかチェックを設定してみました。それはブランクパス未定義またはnullです。私はそれをたくさんグーグルで検索しましたが、適切な答えが見つかりませんでした。私のコードは次のようになります

私のreduxフォームのカスタム日付ピッカーコンポーネント:

私の日付ピッカーコンポーネントは次のようになります。

それぞれから編集および作成するために使用している2つの別々のコンポーネントがあります。どんな助けもかなりのものです。

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

reactjs - 反応ライブラリを変更する

複数の月と時間を表示する日付ピッカーを作成するという UX デザイナーからのタスクがあります。

私たちのプロジェクトでは、現在、react-datepicker ライブラリを使用して日付ピッカーを管理しています。

これは私たちのプロジェクトで使用される反応コンポーネントです: https://hacker0x01.github.io/react-datepicker/

react-datepicker は、複数の月と時間の両方をサポートしています。

図書館自体がカレンダーの右側に時刻を入れています。ただし、UX デザイナーは、時間が一番下にあることを望んでいます。

日付ピッカーライブラリ自体をいじらずにこれを行う適切な方法はありますか? ライブラリ自体をいじるのは大したことではありませんが、どのようなオプションがありますか?

これを回避する方法はありますか?

そうでない場合は、UX デザイナーと再交渉する必要があるかもしれません。