DevExtreme React Calendar

DevExpressスケジューリング＆プランニングツールJavaScript

多用途な日付選択のためのカスタマイズ可能なReactカレンダーコンポーネント。

  • 単一、複数、範囲の日付選択をサポート。
  • 月、年、10年単位、世紀表示を提供。
  • カスタマイズ可能なセルテンプレートと週番号表示を含む。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme React Calendar 商品画像
DevExtreme React Calendarは、指定された範囲内での日付選択を容易にする柔軟なReactコンポーネントです。さまざまな選択モードとカレンダー表示をサポートし、無効な日付、週番号表示、テンプレート駆動のセル外観など、多彩なカスタマイズオプションにより、ユーザーに最適な体験を提供します。

選択モード

ユーザーが単一、複数、または範囲モードで日付を選択でき、それに応じて選択を保存し、多様なアプリケーションのニーズに対応します。

カレンダー表示とズームレベル

月、年、10年単位、または世紀単位でのカレンダーデータ表示をサポートし、最小および最大ズームレベルを設定して表示のアクセス性を制御できます。

日付範囲の制限

最小および最大選択可能日を設定し、関数や事前定義された配列を利用して特定の日付を動的に無効化できます。

今日ボタン

オプションの今日ボタンにより、現在の日付を選択可能で、ユーザーの利便性と迅速な日付アクセスを向上させます。

週番号の表示

ロケールやカスタムロジックに基づく計算ルールを設定可能な週番号の表示や、選択可能な週機能を提供します。

カスタマイズ可能なセル外観

セル用のカスタムテンプレートやレンダリング関数をサポートし、休日、週末、その他特定の日付を強調表示できます。

アクセシビリティとキーボードサポート

フォーカスやホバー状態の設定、キーボードナビゲーションサポート、ARIA属性を含むアクセシビリティ機能を備え、使いやすさを向上させます。

イベント処理とコールバック

値の変更、プロパティの変更、初期化、破棄のイベントハンドラーを公開し、開発者がカレンダーの操作を完全に制御できます。

UIとスタイリングオプション

コンポーネントのサイズ、表示状態、読み取り専用状態、右から左へのレイアウト、スタイル要素をカスタマイズするプロパティを提供し、一貫したUI統合を実現します。

製品の互換性

以下の詳細を確認して、この製品が環境内でサポートされていることを確認してください。

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • React