Estoy usando ngx-bootstrap datepicker en mi proyecto angular, quiero usar la versión francesa de datepicker, pero siempre me da mi versión en inglés:

Html:

 <input type='text' class="form-control" placeholder="Date de l'aller :" bsDatepicker formControlName="dateDepart" />

Componente.ts:

import { defineLocale } from 'ngx-bootstrap/chronos';
import { fr } from 'ngx-bootstrap/locale';
defineLocale('fr', fr);

Alguna ayuda por favor, sobre cómo usar ngx-bootstrap datepicker con la versión en francés?

2
user9192087 22 ene. 2018 a las 17:36

3 respuestas

La mejor respuesta

Parece que definió la configuración regional, pero en realidad no la configuró. Inyecte BsLocaleService desde ngx-bootstrap/datepicker en su componente y llame a su método use('fr'). Consulte el ejemplo aquí: https://valor-software.com/ngx-bootstrap / # / datepicker # locales (vaya a la pestaña component y eche un vistazo al código)

2
IlyaSurmay 22 ene. 2018 a las 14:59

Para español (Datepicker), agregue este código a app.module:

import { BsDatepickerModule, BsLocaleService } from 'ngx-bootstrap/datepicker';
import { defineLocale } from 'ngx-bootstrap/chronos';
import { esLocale } from 'ngx-bootstrap/locale';
defineLocale('es', esLocale);

export class AppModule { 
  constructor( private bsLocaleService: BsLocaleService){
    this.bsLocaleService.use('es');//fecha en español, datepicker
  }

}
1
Luis Olivares 24 oct. 2019 a las 19:37

También es posible configurar configuraciones regionales para ngx-bootstrap datepicker en módulos de Angular.

Primero importamos nuestros locale (s) en app.module.ts:

import { defineLocale } from "ngx-bootstrap/chronos";
import { nbLocale } from "ngx-bootstrap/locale";
defineLocale("nb", nbLocale); //only setting up Norwegian bokmaal (nb) in this sample
export class AppModule {
 constructor(private bsLocaleService: BsLocaleService) {
    this.bsLocaleService.use('nb');
    }
}

Ahora todos nuestros datepickers ngx-bootstrap tendrán la configuración regional noruega especificada. Por supuesto, puede cambiar a otros entornos locales, recuerde escribir los literales de cadena para los locales como minúsculas.

2
Tore Aurstad 28 jul. 2019 a las 19:41