Idioma o lenguaje del ejs-datepicker

[Jesús Díaz]

Muy buenos dias,

Saludos cordiales,

El presente mensaje es para resolver algunas dudas referentes a la implementación del cambio de lenguaje del ejs-datepicker utilizando "unicode cldr", he hecho todo tal cual se encuentra en la documentación, no me aparecen errores y aun así no ha sido posible modificarle el lenguaje a este componente, la siguiente es la forma en la que lo estoy implementando:
el typeScript de mi componente:

import { L10n } from '@syncfusion/ej2-base';

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

import * as esCurrencies from 'cldr-data/main/es/currencies.json';

import * as esTimeZoneNames from 'cldr-data/main/es/timeZoneNames.json';

import * as esNumbers from 'cldr-data/main/es/numbers.json';

import * as esCaGregorian from 'cldr-data/main/es/ca-gregorian.json';

import * as supplementalCurrencyData from 'cldr-data/supplemental/currencyData.json';

import * as supplementalNumberingSystems from 'cldr-data/supplemental/numberingSystems.json';

loadCldr(

esCurrencies,

esTimeZoneNames,

esNumbers,

esCaGregorian,

supplementalCurrencyData,

supplementalNumberingSystems

);

setCulture('es');

L10n.load({

'es': {

'datepicker': {

placeholder: 'Seleccionar fecha',

today: 'Hoy',

clear: 'Borrar'

}

}

});

el html de mi componente:

<ejs-datepicker #dateInitial formControlName="expirationDate" class="input_expirationDate"

format='dd/MM/yyyy' [locale]='"es"'>ejs-datepicker>

Nota, ya realice las importaciones necesarias en el modulo correspondiente y aún así nada, espero atentamente su respuesta. Por favor si existe una alternativa en cuanto a la implementación, por favor suministren esa información.

Gracias.

[Yohapuja Selvakumaran]

Hi Jesús Díaz,

We have validated your requirement and have made the necessary changes to our sample. However, please note that the "locale" property has been deprecated. To address this change, we recommend loading the locale json file into your application. This will allow you to configure the locale settings and ensure the proper functioning of your application. Please find the code snippet below and attached sample for further reference.

Code Snippet

import { Component } from '@angular/core';

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

declare var require: any;

loadCldr(

  require("cldr-data/main/es/numbers.json"),

  require("cldr-data/main/es/ca-gregorian.json"),

  require("cldr-data/supplemental/numberingSystems.json"),

  require("cldr-data/main/es/timeZoneNames.json"),

  require('cldr-data/supplemental/weekdata.json') // To load the culture based first day of week

);

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css']

})

export class AppComponent {

  value: Date;

ngOnInit(): void {

    setCulture('es');

  }

  constructor() {

    this.value = new Date('1/1/2020');

  }

}

 

Regards,

Yohapuja S

Attachment: esculture_93321d65.zip