How to use ngx_bootstrap datepicker with frensh version

angular twitter-bootstrap ngx-bootstrap
user9192087 picture user9192087 · Jan 22, 2018 · Viewed 7.8k times · Source

i'm using ngx-bootstrap datepicker in my angular project, i want to use the french version of datepicker, but it gives always in english version heres my code :

html :

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

component.ts:

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

any help please, on how to use ngx-boostrap datepicker with french version?

Answer

IlyaSurmay picture IlyaSurmay · Jan 22, 2018

Looks like you defined locale but haven't actually set it. Inject BsLocaleService from ngx-bootstrap/datepicker in your component and call its use('fr') method. Check the example here - https://valor-software.com/ngx-bootstrap/#/datepicker#locales (go to component tab and take a look at the code)

Related questions

How to add bootstrap to an angular-cli project

We want to use bootstrap 4 (4.0.0-alpha.2) in our app generated with angular-cli 1.0.0-beta.5 (w/ node v6.1.0). After getting bootstrap and its dependencies with npm, our first approach consisted in adding them in angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', …

Read More
ngx-bootstrap How to open a modal from another component?

What I'm trying to do is open a modal from another component, however I keep getting this error TypeError: Cannot create property 'validator' on string 'test1' when component1.html loads because childModal is included. How can I get rid …

Read More
ngx-bootstrap: Modal opens up as small instead of large

I am calling a modal from another component and the problem is I can only get it to open as small, not as large comp1.html <button type="button" class="btn btn-outline-primary btn-lg" (click)="openModal()">Upload comp1.ts …

Read More