DevExtreme Vue Calendar

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

柔軟でカスタマイズ可能な日付選択のためのVueコンポーネント。

  • 単一、複数、または範囲の日付選択をサポート。
  • 月から世紀ズームレベルまでのカスタマイズ可能なビュー。
  • 無効日付設定や今日ボタンなどの機能を含む。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme Vue Calendar 商品画像
DevExtreme Vue Calendarは、設定された範囲内で効率的な日付選択を可能にするUIコンポーネントです。カスタマイズ可能なビュー、選択モード、視覚的テンプレートを提供し、正確かつ柔軟なカレンダー操作を必要とするアプリケーションに最適です。

日付範囲選択

事前に定義された最小・最大日付の境界内で日付を選択できるようにし、利用可能な選択肢を制御します。

複数の選択モード

単一、複数、範囲の日付選択をサポートし、さまざまなユーザーのニーズに対応します。

カスタマイズ可能なビュー

月、年、10年、世紀を含むズームレベルを提供し、最小・最大レベルを設定可能です。

無効日付の設定

配列やカスタム関数を通じて特定の日付や日付パターンを無効化し、それらの日の選択を防止します。

今日ボタン

現在の日付をすばやく選択できるボタンをオプションで表示します。

週番号の表示

ロケールやカスタムロジックに基づく異なる計算法を使用して週番号の列を表示できます。

セルの外観カスタマイズ

カスタムセルテンプレートをサポートし、休日や特別な日付の強調表示などのスタイルを可能にします。

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

フォーカス管理、タブナビゲーション、アクセシブルなARIA属性を含み、使いやすさを向上させます。

イベント処理

初期化、破棄、プロパティ変更、値変更のイベントを発生させ、アプリケーションロジックと統合します。

グローバル属性とテーマ設定

追加のHTML属性を受け入れ、UIの一貫性のためのテーマ設定をサポートします。

製品の互換性

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

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • Vue.js