UNPKG

jqwidgets-framework

Version:

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

59 lines (52 loc) 1.82 kB
import { Component, ViewChild } from '@angular/core'; import { jqxCalendarComponent } from 'jqwidgets-ng/jqxcalendar'; @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent { @ViewChild('myCalendar', { static: false }) myCalendar: jqxCalendarComponent; public availableCultures: string[] = [ 'Czech (Czech Republic)', 'German (Germany)', 'English (Canada)', 'English (United States)', 'French (France)', 'Italian (Italy)', 'Japanese (Japan)', 'Hebrew (Israel)', 'Russian (Russia)', 'Croatian (Croatia)', 'Sanskrit (India)' ]; public myDropDownListOnSelect(event: any): void { switch (event.args.index) { case 0: this.myCalendar.culture('cs-CZ'); break; case 1: this.myCalendar.culture('de-DE'); break; case 2: this.myCalendar.culture('en-CA'); break; case 3: this.myCalendar.culture('en-US'); break; case 4: this.myCalendar.culture('fr-FR'); break; case 5: this.myCalendar.culture('it-IT'); break; case 6: this.myCalendar.culture('ja-JP'); break; case 7: this.myCalendar.culture('he-IL'); break; case 8: this.myCalendar.culture('ru-RU'); break; case 9: this.myCalendar.culture('hr'); break; case 10: this.myCalendar.culture('sa-IN'); break; } } }