[]
この特定のコンポーネントのグローバルなWjOptions.asyncBindingsの設定をオーバーライドできます。 詳細については、WjOptions. WjOptions.asyncBindings プロパティの説明を参照してください。
カレンダーに表示されている月を取得または設定します。
このイベントは、displayMonthプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 displayMonthChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。
プログラムによるアクセスに使用されるWijmo displayMonthChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のdisplayMonthChanged Wijmoイベント名を使用してください。
週の最初の曜日(カレンダーの最初の列に表示される曜日)を表す値を取得または設定します。
このプロパティのデフォルト値はnullです。現在のカルチャのデフォルトが使用されます。 週の最初の曜日は、英語カルチャでは日曜日(0)であり、 ほとんどのヨーロッパカルチャでは月曜日(1)です。
月表示で、曜日の上に表示されるヘッダーの書式を取得または設定します。
このプロパティのデフォルト値は'ddd'です。
月表示で、日の表示書式を取得または設定します。
このプロパティのデフォルト値は 'd 'です('d'の後のスペースは、短い日付パターンを表す標準な書式'd'と解釈されないようにします)。
プログラムによるアクセスに使用されるWijmo formatItemイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のformatItem Wijmoイベント名を使用してください。
年表示で、月の表示書式を取得または設定します。
このプロパティのデフォルト値は'MMM'です。
年表示で、月の上に表示される年の書式を取得または設定します。
このプロパティのデフォルト値は'yyyy'です。
月表示で、カレンダーの上に表示される月と年の書式を取得または設定します。
このプロパティのデフォルト値は'y'です。
プログラムによるアクセスに使用されるWijmo gotFocusイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のgotFocus Wijmoイベント名を使用してください。
ユーザーがマウスホイールで現在のdisplayMonthを変更できるかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はtrueです。
コントロールをホストしているDOM要素を取得します。
このイベントは、コンポーネントがAngularによって初期化された後、つまり すべての連結プロパティが割り当てられ、子コンポーネント(ある場合)が初期化された後にトリガされます。
プログラムによるアクセスに使用されるWijmo invalidInputイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のinvalidInput Wijmoイベント名を使用してください。
コントロールが無効かどうかを判定する値を取得または設定します。
無効化されたコントロールは、マウスイベントやキーボードイベントを取得できません。
コンポーネントがAngularによって初期化されているかどうかを示します。 この値は、initializedイベントをトリガする直前にfalseからtrueになります。
ユーザーがマウスとキーボードを使用してコントロールの値を変更できるかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はfalseです。
現在、コントロールがタッチイベントを処理しているかどうかを示す値を取得します。
コントロールが現在更新中かどうかを示す値を取得します。
カレンダーの日付をカスタマイズするフォーマッター関数を取得または設定します。
このフォーマッター関数は、任意の日付に任意の内容を追加できます。そのため、カレンダーの外観と動作を全面的にカスタマイズすることが可能です。
この関数は以下の2つのパラメーターをとります。
以下のサンプルコードは週末を無効な状態で表示します。
calendar.itemFormatter = (date, element) => {
let day = date.getDay();
element.style.backgroundColor = (day == 0 || day == 6) ? 'yellow' : '';
}
日付が選択可能かどうかを決定するバリデーター関数を取得または設定します。
指定された場合、このバリデーター関数は、調べる日付を表す1つのパラメーターを受け取り、 その日付が無効で選択できない場合、 falseを返す必要があります。
以下のサンプルコードは、週末を無効な状態で表示し、 ユーザーがそれらの日付を選択できないようにします。
calendar.itemValidator = date => {
let weekday = date.getDay();
return weekday != 0 && weekday != 6;
}
プログラムによるアクセスに使用されるWijmo lostFocusイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のlostFocus Wijmoイベント名を使用してください。
ユーザーがカレンダーで選択できる最も遅い日付を取得または設定します。
このプロパティのデフォルト値は nullです。これは、最も早い日付が定義されていないことを意味します。
min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用<」トピックを参照してください。
ユーザーがカレンダーで選択できる最も早い日付を取得または設定します。
このプロパティのデフォルト値は nullです。これは、最も早い日付が定義されていないことを意味します。
min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用<」トピックを参照してください。
カレンダーに表示する月数を取得または設定します。
このプロパティのデフォルト値は1です。
このプロパティを1より大きい値に設定すると、 連続する月を表示するコントロールに子カレンダーが追加されます。
コントロール内のすべてのカレンダーは同期されているため、親カレンダーのプロパティを変更すると、 すべての子カレンダーが自動的に更新されます(value、rangeEnd、およびselectionModeプロパティ)。
複数の月が表示される場合、 メインコントロールのホスト要素は、 CSSで表示を「flex」に切り替えるために使用される 「wj-calendar-multimonth」クラスを使用します。
「フレックス」コンテナは非常に用途が広いです。 外側のコントロールの幅を制限する、 月を水平または垂直に折り返す、 メインコントロール内で月を揃えて位置合わせするなどの操作を実行できます。
カレンダーに月表示(セルごとに1日)を表示するか、年表示(セルごとに1か月)を表示するかを決定する値を取得または設定します。
このプロパティのデフォルト値はtrueです。
プログラムによるアクセスに使用されるWijmo rangeChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrangeChanged Wijmoイベント名を使用してください。
範囲選択で最後に選択された日付を取得または設定します。
日付範囲の選択を有効にするには、selectionModeプロパティをDateSelectionMode.Rangeに設定します。
これにより、選択範囲はvalueプロパティとrangeEndプロパティによって定義されます。
nullでない場合、rangeEndの日付は、 範囲の開始を表すvalueの日付以上(大きいか等しい)である必要があります。
このイベントは、rangeEndプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 rangeEndChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。
プログラムによるアクセスに使用されるWijmo rangeEndChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrangeEndChanged Wijmoイベント名を使用してください。
日付範囲の編集時に許可される最大長を取得または設定します。
このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ使用されます。
このプロパティのデフォルト値は0です。これは、範囲の長さの最大値がないことを意味します。
日付範囲の編集時に許可される最小日数を取得または設定します。
このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ使用されます。
このプロパティのデフォルト値は0です。これは、範囲の長さの最小値がないことを意味します。
プログラムによるアクセスに使用されるWijmo refreshedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrefreshed Wijmoイベント名を使用してください。
プログラムによるアクセスに使用されるWijmo refreshingイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrefreshing Wijmoイベント名を使用してください。
カレンダーボタンがリピートボタン(押された状態で繰り返し実行するボタン)として動作するかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はtrueです。
要素内のコントロールを右から左のレイアウトでホストするかどうかを示す値を取得します。
ユーザーが日、日の範囲、月を選択できるか、またはどの値も選択できないかを示す値を取得または設定します。
このプロパティのデフォルト値はDateSelectionMode.Dayです。
コントロールに現在の月とナビゲーションボタンを含むヘッダ領域を表示するかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はtrueです。
ユーザーが月のカレンダーのヘッダー要素をクリックしたときに カレンダーに月のリストを表示するかどうかを決定する値と、 次の月または前の月へ移動するボタンを取得または設定します。
このプロパティのデフォルト値はShowMonthPicker.FirstMonthです。
ユーザーが年カレンダーのヘッダー要素をクリックすると、カレンダーに 年のリストを表示するかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はtrueです。
コントロールに関連付けられたtabindex属性の値を取得または設定します。
tabindex属性値は、コントロールのホストHTML要素で指定することで、 Wijmoコントロールに対して静的に定義できます。 ただし、Wijmoコントロールは複雑な構造であり、コントロールが正しく機能できるように、属性値を内部要素に伝達する必要があるため、 この値をアプリケーションのライフサイクルの後半で変更することはできません。
そのため、コントロールのtabindexを動的に読み取ったり変更したりするには、このプロパティを使用して行う必要があります。
現在選択されている日付を取得または設定します。
このプロパティのデフォルト値は現在の日付です。
範囲を編集する場合、現在の範囲はvalueプロパティとrangeEndプロパティの間の間隔によって定義されます。
valueプロパティを設定すると、rangeEndプロパティが自動的にnullにリセットされ、ユーザーはカレンダーの範囲終了値をクリックして範囲の選択を終了できます。
コードで範囲を定義するには、最初にvalueを設定し、rangeEndを設定する必要があります。 以下に例を示します。
// 「開始」から「終了」までの範囲が選択されます。
cal.value = start; // rangeEnd == null
cal.rangeEnd = end; // rangeEnd == 'end'
// **機能しません**
cal.rangeEnd = end; // rangeEnd == 'end'
cal.value = start; // rangeEnd == null
このイベントは、valueプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 valueChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。
プログラムによるアクセスに使用されるWijmo valueChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のvalueChanged Wijmoイベント名を使用してください。
カレンダーに現在の月の後に表示する週数を取得または設定します。
このプロパティのデフォルト値はzeroです。
カレンダーに現在の月の前に表示する週数を取得または設定します。
このプロパティのデフォルト値はzeroです。
[(ngModel)]ディレクティブ(指定されている場合)によって表されるプロパティの名前を定義します。 デフォルト値は'value'です。
Calendar コントロールのインスタンス化に使用されるテンプレートを取得または設定します。
コントロールの新しいインスタンスにテンプレートを適用し、ルート要素を返します。
このメソッドは、テンプレート化されたコントロールのコンストラクターによって呼び出される必要があるため、 このメソッドを使用することができません。 また、テンプレートのパーツを対応するコントロールのメンバに連結します。
以下のサンプルコードは、InputNumber コントロールのインスタンスにテンプレートを適用します。 このテンプレートには、'wj-part'属性が'input'、'btn-inc'、および'btn-dec'に設定された要素を含める必要があります。 コントロールのメンバである'_tbx'、'_btnUp'、'_btnDn'には、これらの要素への参照が割り当てられます。
this.applyTemplate('wj-control wj-inputnumber', templateString, {
_tbx: 'input',
_btnUp: 'btn-inc',
_btnDn: 'btn-dec'
}, 'input');
@param classNames コントロールのホスト要素に追加するクラスの名前。 @param template コントロールのテンプレートを定義するHTML文字列。 @param parts パーツ変数とその名前のディクショナリー。 @param namePart ホスト要素にちなんで名付けられたパーツの名前。 これにより、コントロールがフォームで使用されたときにデータをどのように送信するかが決まります。
次にendUpdate が呼び出されるまで通知を中断します。
このコントロールにフォーカスのある要素が含まれているかどうかをチェックします。
Wijmoコンポーネントから継承されるカスタムコンポーネントを作成する場合は、このメソッドを
オーバーライドして、通常はクラスコンストラクタで行う必要な初期化を行うことができます。
このメソッドは、Wijmoコンポーネントコンストラクタの最後の行で呼び出され、
カスタムコンポーネントのコンストラクタを宣言しなくて済むようにします。これにより、
コンストラクタのパラメータを保持したり、Wijmoコンポーネントのコンストラクタパラメータとの同期を維持する必要がなくなります。
beginUpdate/endUpdate ブロック内で関数を実行します。
この関数の実行が完了するまでコントロールは更新されません。 このメソッドは、関数が例外を生成した場合でも endUpdate が呼び出されるようにします。
実行する関数。
beginUpdate の呼び出しによって中断された通知を再開します。
必要に応じて{@see displayMonth}の値を調整して、特定の日付がカレンダーに表示されるようにします。
表示する日付。
このコントロールにフォーカスを設定します。
オブジェクトが指定されたプロパティを持つかどうかを判定します。
プロパティの名前。
指定されたマウス位置で、または指定されたHTML要素で表される日付を取得します。
テストする要素。
要素によって表される日付、または要素が日付を表さない場合はnull。
指定したオブジェクトからプロパティをコピーしてコントロールを初期化します。
このメソッドを使用すると、各プロパティの値をコードで設定する代わりにプレーンなデータオブジェクトを使用してコントロールを初期化できます。
例:
grid.initialize({
itemsSource: myList,
autoGenerateColumns: false,
columns: [
{ binding: 'id', header: 'Code', width: 130 },
{ binding: 'name', header: 'Name', width: 60 }
]
});
// 以下と同等です。
grid.itemsSource = myList;
grid.autoGenerateColumns = false;
// など
初期化データは適用時に型チェックされます。 初期化オブジェクトに不明なプロパティ名または無効なデータ型が含まれている場合、このメソッドは例外を発生します。
初期化データを含むオブジェクト。
非同期更新を発生させるため、コントロールを無効にします。
内容だけでなくコントロールのレイアウトも更新するかどうか。
オブジェクトが別のオブジェクトのプロトタイプチェーンに存在するかどうかを判定します。
プロトタイプチェーンが判定される別のオブジェクト。
displayMonthChanged イベントを発生させます。
formatItem イベントを発生させます。
イベントデータを含むFormatItemEventArgs 。
invalidInput イベントを発生させます。
イベントハンドラーがイベントをキャンセルした場合、コントロールは無効な入力内容とフォーカスを保持します。
rangeChanged イベントを発生させます。
rangeEndChanged イベントを発生させます。
refreshing イベントを発生させます。
valueChanged イベントを発生させます。
指定されたプロパティが列挙可能かどうかを判断します。
プロパティの名前。
このControl が所有する要素にアタッチされている1つまたは複数のイベントリスナーを解除します。
イベントのターゲット要素。 nullの場合、すべてのターゲットにアタッチされているリスナーが解除されます
イベントを指定する文字列。 nullの場合、すべてのイベントにアタッチされているリスナーが解除されます。
削除するハンドラ。 nullの場合は、すべてのハンドラが削除されます。
リスナーがキャプチャリスナーかどうか。 nullの場合、キャプチャリスナーと非キャプチャリスナーの両方が解除されます。
削除されたリスナーの数。
現在のロケールを使用して文字列に変換された日付を返します。
オブジェクトの文字列表現を返します。
指定されたオブジェクトのプリミティブ値を返します。
HTML要素に含まれるすべてのWijmoコントロールを破棄します。
コンテナー要素。
指定したDOM要素でホストされているコントロールを取得します。
コントロールをホストするDOM要素、またはホスト要素のCSS セレクター(例: '#theCtrl')。
指定したHTML要素に含まれるすべてのWijmoコントロールを無効化します。
このメソッドは、コントロールの表示状態やサイズを変更する 動的なパネルをアプリケーションで使用している場合に使用します。 たとえば、スプリッタ、アコーディオン、およびタブコントロールは通常、 その中の要素の表示状態を変更します。この場合、その要素に含まれるコントロールに通知しないと、 それらのコントロールが適切に機能しなくなる可能性があります。 これが起こる場合は、動的コンテナーで適切なイベントを処理し、 Control.invalidateAll メソッドを呼び出してコンテナー内のWijmoコントロールの レイアウト情報が適切に更新されるようにする必要があります。
コンテナー要素。nullに設定すると、ページ上に存在するすべてのWijmoコントロールが無効化されます。
HTML要素で存在するすべてのWijmoコントロールを更新します。
コントロールが時間おいて更新される代わりに直ちに更新されること以外はinvalidateAll メソッドと同様です。
コンテナー要素。nullに設定すると、ページ上に存在するすべてのWijmoコントロールが無効化されます。
displayMonth プロパティが変更された後に発生します。
カレンダーの日を表す要素が作成されたときに発生します。
このイベントを使用してカレンダーの項目を表示用に書式設定できます。このイベントは、目的はitemFormatter プロパティと同じですが、複数の独立したハンドラを使用できる利点があります。
以下のサンプルコードは、formatItem イベントを使用して週末を無効な状態にし、 カレンダーにグレーで表示されるようにします。
// 日曜日と土曜日を無効にします
calendar.formatItem.addHandler((s, e) => {
let day = e.data.getDay();
if (day == 0 || day == 6) {
addClass(e.item, 'wj-state-disabled');
}
});
コントロールがフォーカスを取得したときに発生します。
無効な文字が入力されたときに発生します。
ユーザーが入力した値が適切な種類に変換できない値、または有効な範囲外の値を貼り付ける場合、 無効な入力エラーが発生する場合があります。
イベントハンドラーがイベントをキャンセルする場合、 ユーザーがエラーを修正できるように、 コントロールは無効なコンテンツとフォーカスを保持します。
イベントがキャンセルされない場合、コントロールは無効な入力エラーを無視し、 元のコンテンツを保持します。
コントロールがフォーカスを失ったときに発生します。
rangeEnd プロパティの値がnull以外の値に変更されたときに発生します。 本動作は、データ範囲が選択されたことを示します。
rangeEnd プロパティの値が変更されたときに発生します。
コントロールが内容を更新した後で発生します。
コントロールが内容を更新する直前に発生します。
value プロパティの値が変更されたときに発生します。
wijmo.input.Calendar コントロールに対応するAngular 2コンポーネント。
wj-calendarコンポーネントを使用して、Angular 2アプリケーションにCalendarコントロールを 追加できます。Angular 2マークアップの構文については、 「Angular 2マークアップ構文」を参照してください。
WjCalendarコンポーネントは、Calendarコントロールから派生され、 そのすべてのプロパティ、イベント、およびメソッドを継承しています。