angular - 如何将 npx Bootstrap 日期选择器语言更改为 pt-br？

Question

我正在 Angular 4 中做一个项目，我安装了 ngx bootstrap 并且日期选择器是英文的。我在 app.module.ts 中插入了以下几行:

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

然后我进入调用日期选择器的页面组件，进行导入并声明:

import { Component, OnInit } from '@angular/core';
import { BsDatepickerConfig, BsLocaleService } from 'ngx-bootstrap/datepicker';
import { listLocales } from 'ngx-bootstrap/chronos';

和

@Component({
  selector: 'demo-datepicker-change-locale',
  templateUrl: './cancelar-agendamentos-consulta.component.html'
})
export class DemoDatepickerChangeLocaleComponent {
  locale = 'pt-br';
  locales = listLocales();

  constructor(private _localeService: BsLocaleService) {
  }

  applyLocale(pop: any) {
    this._localeService.use(this.locale);
    pop.hide();
    pop.show();
  }
}

还是不行。我做错了什么？

Answer 1

您的代码的问题是您将更改语言环境的调用放在另一个函数中，而您没有调用它。

尝试删除 applyLocale 函数并将更改语言环境的调用放在构造函数中，如下所示:

@Component({
 selector: 'demo-datepicker-change-locale',
 templateUrl: './cancelar-agendamentos-consulta.component.html'
})
export class DemoDatepickerChangeLocaleComponent {
  locale = 'pt-br';
  locales = listLocales();

  constructor(private _localeService: BsLocaleService) {
    this._localeService.use(this.locale);
  }
}