現在の月以外の日付を非表示にするかどうかを設定または取得します。
デフォルト値は false です。
<igx-calendar [hideOutsideDays] = "true"></igx-calendar>let hideOutsideDays = this.calendar.hideOutsideDays;日付が選択されたときにイベントを発生します。
selectedDates プロパティに参照を提供します。
月ビューが変更されるときにイベントを発生します。
<igx-calendar (viewDateChanged)="viewDateChanged($event)"></igx-calendar>public viewDateChanged(event: IViewDateChangeEventArgs) {
let viewDate = event.currentValue;
}現在のビューを設定します。
<igx-calendar [activeView]="1" #calendar></igx-calendar>calendar.activeView = CalendarView.YEAR;現在のビューを設定します。
<igx-calendar [activeView]="1" #calendar></igx-calendar>calendar.activeView = CalendarView.YEAR;無効な日付記述子を取得します。
無効な日付記述子を設定します。
@ViewChild("MyCalendar")
public calendar: IgxCalendarComponent;
ngOnInit(){
this.calendar.disabledDates = [
{type: DateRangeType.Between, dateRange: [new Date("2020-1-1"), new Date("2020-1-15")]},
{type: DateRangeType.Weekends}];
}日ビューの日付書式設定オプションを取得します。
日ビューの日付書式設定オプションを設定します。 デフォルト値は { day: 'numeric', month: 'short', weekday: 'short', year: 'numeric' } です。
day、month、および year が locale および formatOptions によって描画されるかどうかを取得します。
day、month、および year が locale および formatOptions によって描画されるかどうかを設定します。
カレンダーの locale を取得します。
デフォルト値は "en" です。
カレンダーの locale を設定します。
有効な BCP 47 言語タグに設定します。
デフォルト値は "en" です。
選択タイプを取得します。
デフォルト値は "single" です。
選択タイプを変更すると、現在選択されている値がリセットされます。
選択を設定します。
特別な日付記述子を取得します。
特別な日付記述子を設定します。
@ViewChild("MyCalendar")
public calendar: IgxCalendarComponent;
ngOnInit(){
this.calendar.specialDates = [
{type: DateRangeType.Between, dateRange: [new Date("2020-1-1"), new Date("2020-1-15")]},
{type: DateRangeType.Weekends}];
}選択された日付を設定します。
選択が single を設定した場合、単一の Date オブジェクトを返します。
それ以外の場合、Date オブジェクトの配列です。
選択された日付を設定します。
選択が single に設定される場合、単一の Date オブジェクトを許容します。
それ以外の場合、Date オブジェクトの配列です。
表示される日付を取得します。 デフォルト値は現在の日付です。
コンポーネントを描画するときにデフォルト ビューで表示される日付を設定します。
日付を選択タイプに基づいて選択解除します。
日付を選択タイプに基づいて選択します。
アクティブ ビューが変更されるときにイベントを発生します。
<igx-calendar (activeViewChanged)="activeViewChanged($event)"></igx-calendar>public activeViewChanged(event: CalendarView) { let activeView = event; }