scheduler do not load with clr-dara fr-ca

[Frédéric]

Hello, the scheduler does not work with the fr-CA 

in my app.component.ts :

import { loadCldr, L10n, setCulture } from "@syncfusion/ej2-base";

import { loadCldr, L10n, setCulture } from "@syncfusion/ej2-base";

import EJ2_LOCALE from "@syncfusion/ej2-locale/src/fr.json";

setCulture('fr'); //

L10n.load({ fr: EJ2_LOCALE.fr });

  ngOnInit() {

    loadCldr(

      require('cldr-data/main/fr-CA/ca-gregorian.json'),

      require('cldr-data/main/fr-CA/numbers.json'),

      require('cldr-data/main/fr-CA/timeZoneNames.json'),

      require('cldr-data/main/fr-CA/dateFields.json')

}

The scheduler do not load and do not stop spinning.

my html :

    <ejs-schedule>    </ejs-schedule>

[Praveenkumar Narasimhanaidu]

Hi Frédéric, 

Greetings from Syncfusion support..! 

We have validated the reported problem “scheduler do not load with clr-dara fr-ca” at our end and suspect the reported problem might be caused due to the L10n.load function not loaded properly. We have prepared a proper working sample which can be viewed from the following link. 

Sample: https://stackblitz.com/edit/ej2-angular-schedule-fa-ca-locale-sample?file=app.component.ts 

 

For more information about localization, please refer below UG documentation link 

UG: https://ej2.syncfusion.com/angular/documentation/schedule/localization/ 

Kindly try the above sample and let us know if this resolves the problem at your end. 

Regards, 

Praveenkumar 

[Frédéric]

But, if I use the clr-data from FR  it's working.  so, why the data from fr-CA do not work?

when i changed fr-CA for FR, it's working now

 loadCldr(

      require('cldr-data/main/fr/ca-gregorian.json'),

      require('cldr-data/main/fr/numbers.json'),

      require('cldr-data/main/fr/timeZoneNames.json'),

      require('cldr-data/main/fr/dateFields.json')

    );

[Praveenkumar Narasimhanaidu]

Hi Frédéric, 

Thanks for your update. 

We have validated the reported query “if I use the cldr-data from FR it's working.  so, why the data from fr-CA do not work?” at our end. We let you know that you must use the same culture name in setCulture, Load and loadCldr methods which is the cause for reported problem since you have passed “fr” in setCulture and Load. We have also prepared a sample for your reference which can be download from the following link. 

Sample: https://www.syncfusion.com/downloads/support/forum/169368/ze/EJ2-Angular-Scheduler-fr-CA-locale-Sample-16885529 

App.component.ts 

setCulture('fr-CA'); // 

 

declare let require: Function; 

 

L10n.load({ 'fr-CA': EJ2_LOCALE.fr }); 

 

@Component({ 

  selector: 'app-root', 

  providers: [DayService, WeekService, WorkWeekService, MonthService, AgendaService], 

  template: `<ejs-schedule> </ejs-schedule>` 

}) 

 

export class AppComponent { 

  title = 'my-app'; 

 

  ngOnInit() { 

 

    loadCldr( 

 

      require('cldr-data/main/fr-CA/ca-gregorian.json'), 

 

      require('cldr-data/main/fr-CA/numbers.json'), 

 

      require('cldr-data/main/fr-CA/timeZoneNames.json'), 

 

      require('cldr-data/main/fr-CA/dateFields.json'), 

 

    )} 

 

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 

Praveenkumar