Angular 如何在法语版本中使用ngx_引导日期选择器

我在angular项目中使用ngx bootstrap datepicker，我想使用法语版本的datepicker，但它始终提供英语版本，以下是我的代码：

html:

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

---

关于如何在法语版本中使用ngx boostrap datepicker，有什么帮助吗？

看起来您定义了区域设置，但实际上还没有设置它。将

ngx引导/datepicker

中的

bslocaleseservice

注入组件中，并调用其

use（'fr'）

方法。检查此处的示例-（转到

组件

选项卡并查看代码）

也可以在Angular模块中为ngx引导日期选择器设置区域设置

首先，我们在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');
    }
}

现在，我们所有的ngx引导日期选择器都将具有指定的区域设置。当然，您可以切换到其他区域设置，记住以小写形式输入本地设置的字符串文本

对于西班牙语（Datepicker），将此代码添加到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
  }

}

---

当我单击日期输入时，会出现此错误：TypeError:Object（…）（…）为空堆栈跟踪：calculateReducer@webpack-internal:///../../../../ngx-bootstrap/datepicker/reducer/bs-datepicker.reducer.js:146:49 bsDatepickerReducer@webpack-internal:///../../../../ngx-bootstrap/datepicker/reducer/bs-datepicker.reducer.js:37:20Ok,我给你举了个小例子。检查

main.ts

和

change locale.ts

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
  }

}