-
Wijmo
- Arraybase
- Binding
- Canceleventargs
- Clipboard
- Collectionview
- Collectionviewgroup
- Color
- Control
- Datetime
- Event
- Eventargs
- Globalize
- Groupdescription
- Notifycollectionchangedeventargs
- Observablearray
- Pagechangingeventargs
- Point
- Printdocument
- Propertychangedeventargs
- Propertygroupdescription
- Rect
- Requesterroreventargs
- Size
- Sortdescription
- Tooltip
- Tooltipeventargs
- Aggregate
- Datatype
- Key
- Notifycollectionchangedaction
- Icollectionview
- Ieditablecollectionview
- Inotifycollectionchanged
- Ipagedcollectionview
- Iqueryinterface
- Chart
- Gauge
- Grid
- Input
- Nav
- Odata
- Olap
- Viewer
- Xlsx
- Interops
Wijmo_Input.Calendar
Calendar クラス
階層
-
any
- Calendar
コンストラクタ
プロパティ
メソッド
イベント
コンストラクタ
constructor
プロパティ
displayMonth
カレンダーに表示されている月を取得または設定します。
firstDayOfWeek
週の最初の曜日（カレンダーの最初の列に表示される曜日）を表す値を取得または設定します。
このプロパティをnullに設定すると、現在のカルチャのデフォルトが使用されます。 週の最初の曜日は、英語カルチャでは日曜日（0）であり、 ほとんどのヨーロッパカルチャでは月曜日（1）です。
formatDayHeaders
月表示で、曜日の上に表示されるヘッダーの書式を取得または設定します。
このプロパティのデフォルト値は'ddd''です。
formatDays
月表示で、日の表示書式を取得または設定します。
このプロパティのデフォルト値は 'd 'です（'d'の後のスペースは、 短い日付パターンを表す標準な書式'd'と解釈されないようにします）。
formatMonths
年表示で、月の表示書式を取得または設定します。
このプロパティのデフォルト値は'MMM'です。
formatYear
年表示で、月の上に表示される年の書式を取得または設定します。
このプロパティのデフォルト値は'yyyy'です。
formatYearMonth
月表示で、カレンダーの上に表示される月と年の書式を取得または設定します。
このプロパティのデフォルト値は'y'です。
isReadOnly
ユーザーがマウスとキーボードを使用してコントロール値を変更できるかどうかを示す値を取得または設定します。
このプロパティのデフォルト値はfalse です。
itemFormatter
カレンダーの日付をカスタマイズするフォーマッター関数を取得または設定します。
このフォーマッター関数は、任意の日付に任意の内容を追加できます。そのため、カレンダーの外観と動作を全面的にカスタマイズすることが可能です。
この関数は以下の2つのパラメーターをとります。
- 書式設定する日付
- 日付を表すHTML要素
以下のサンプルコードは週末を無効な状態で表示します。
calendar.itemFormatter = function(date, element) {
var day = date.getDay();
element.style.backgroundColor = day == 0 || day == 6 ? 'yellow' : '';
}
itemValidator
日付が選択可能かどうかを決定するバリデーター関数を取得または設定します。
このバリデーター関数は、調べる日付を表す1つのパラメーターを受け取り、その日付が無効で選択できない場合、falseを返す必要があります。
以下のサンプルコードは、週末を無効な状態で表示し、ユーザーがそれらの日付を選択できないようにします。
calendar.itemValidator = function(date) {
var weekday = date.getDay();
return weekday != 0 && weekday != 6;
}
max
ユーザーがカレンダーで選択できる最も遅い日付を取得または設定します。
ユーザーが入力できる最も早い日付を取得または設定します。
このプロパティのデフォルト値は nullです。これは、最も早い日付が定義されていないことを意味します。
min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用<」トピックを参照してください。
min
ユーザーがカレンダーで選択できる最も早い日付を取得または設定します。
ユーザーが入力できる最も早い日付を取得または設定します。
このプロパティのデフォルト値は nullです。これは、最も早い日付が定義されていないことを意味します。
min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用<」トピックを参照してください。
monthView
カレンダーに1か月と1年のどちらを表示するかを示す値を取得または設定します。
このプロパティのデフォルト値はtrueです。
repeatButtons
カレンダーボタンがリピートボタン(押された状態で繰り返し実行するボタン)として動作するかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はtrueです。
selectionMode
ユーザーが日や月を選択できるか、またはどの値も選択できないかを示す値を取得または設定します。
このプロパティのデフォルト値はDateSelectionMode.Dayです。
showHeader
現在の月とナビゲーションボタンを含むヘッダ領域をコントロールに表示するかどうかを示す値を取得または設定します。
このプロパティのデフォルト値はtrueです。
showYearPicker
ユーザーが年カレンダーのヘッダー要素をクリックすると、カレンダーに 年のリストを表示するかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はtrueです。
value
現在選択されている日付を取得または設定します。
このプロパティのデフォルト値は現在の日付です。
静的 controlTemplate
Calendar コントロールのインスタンス化に使用されるテンプレートを取得または設定します。
メソッド
onDisplayMonthChanged
-
displayMonthChanged イベントを発生させます。
引数
-
オプション e: EventArgs
戻り値 void
-
onFormatItem
-
formatItem イベントを発生させます。
引数
-
e: FormatItemEventArgs
イベントデータを含むFormatItemEventArgs 。
戻り値 void
-
onValueChanged
-
valueChanged イベントを発生させます。
引数
-
オプション e: EventArgs
戻り値 void
-
イベント
displayMonthChanged
displayMonth プロパティが変更された後に発生します。
formatItem
カレンダーの日を表す要素が作成されたときに発生します。
このイベントを使用してカレンダーの項目を表示用に書式設定できます。このイベントは、目的はitemFormatter プロパティと同じですが、複数の独立したハンドラを使用できる利点があります。
以下のサンプルコードは、formatItem イベントを使用して週末を無効な状態にし、 カレンダーにグレーで表示されるようにします。
// 日曜日と土曜日を無効にします
calendar.formatItem.addHandler(function (s, e) {
var day = e.data.getDay();
if (day == 0 || day == 6) {
wijmo.addClass(e.item, 'wj-state-disabled');
}
});
valueChanged
ユーザーアクションの結果として、またはコードでの割り当てにより、value プロパティの値が変化すると発生します。
Calendar コントロールには月間カレンダーが表示され、ユーザーはここから 日付を選択することができます。
min プロパティと max プロパティを使用すると、 ユーザーが選択できる日付の範囲を制限できます。
min および max properties, プロパティの使用方法については、 「minおよびmaxプロパティの使用」トピックを参照してください。
現在選択されている日付を取得または設定するには、 value プロパティを使用します。
selectionMode プロパティを使用すると、ユーザーが日や月を選択できるか、 またはどの値も選択できないかを決定できます。
Calendar コントロールは、次のキーボードコマンドをサポートしています。
次の例は、ユーザーが一回のクリックで日付を選択できるCalendarコントロールを示しています。
Example