DevExtreme Angular Calendar

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

正確な日付選択のためのカスタマイズ可能な Angular カレンダーコンポーネント。

  • 単一、複数、範囲の日付選択をサポート。
  • 日付範囲制限および無効化日付を設定可能。
  • カスタマイズ可能なセルテンプレートと週番号表示を特徴。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme Angular Calendar 商品画像
DevExtreme Angular Calendar は、Angular アプリケーション向けに設計された UI コンポーネントで、定義された範囲内での対話的な日付選択を可能にします。ビュー、選択モード、視覚的カスタマイズの柔軟な設定が可能で、スケジューリング、フォーム入力、日付ナビゲーションに適しています。

日付選択モード

単一日付、複数日付、日付範囲の選択をサポートし、日付入力やスケジューリングの多様なニーズに対応します。

日付範囲と無効化日

選択可能な最も早い日付と最新の日付を定義でき、特定の日付をプログラムで無効化する機能により制御を強化します。

設定可能なビューとズームレベル

月から世紀までのズームレベルを提供し、利用可能なビューを制限するオプションでカレンダー表示をアプリケーションのニーズに適応させます。

今日ボタン

現在の日付を素早く選択できるオプションの今日ボタンを含み、ユーザーの利便性を向上させます。

週番号表示

週番号の表示を有効にし、カルキュレーションルールの設定が可能で、ロケール固有およびカスタム定義に対応します。

セルテンプレートのカスタマイズ

カレンダーセルの外観と動作を調整するカスタムセルテンプレートをサポートし、祝日などの特殊な視覚的合図を容易にします。

キーボードおよびアクセシビリティサポート

キーボードナビゲーションとフォーカスマネジメントを特徴とし、多様なユーザーニーズに応じたアクセシビリティ属性の設定が可能です。

イベント処理と API

valueChanged や optionChanged などのイベントを公開し、開発者がユーザーの操作やプログラムによる変更に対応できるようにします。

レスポンシブレイアウトオプション

幅と高さを柔軟な単位で設定可能で、右から左へのテキストフローをサポートし、デバイス間で適応可能なレイアウトを提供します。

Angular との統合

Angular モジュールとコンポーネントを提供し、Angular CLI プロジェクトへのシームレスな統合と広範な API・テンプレートサポートを実現します。

製品の互換性

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

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • Angular