【问题标题】:Angular 6 ngx-bootstrap Datepicker global localeAngular 6 ngx-bootstrap Datepicker 全局语言环境
【发布时间】:2018-11-13 09:06:44
【问题描述】:

我正在为我的 Angular 6 项目使用 ngx-bootstrap 日期选择器,我需要使用意大利语言环境;通过官方指南(https://valor-software.com/ngx-bootstrap/#/datepicker#locales)我发现了这个问题,现在我的日期选择器用意大利语显示,但我还有另一个问题.

要使用意大利语的 datepicker,我必须在每个组件中导入 BsLocaleService 并在 onInit 函数中使用 _localeService.use('it') 方法; 我的问题是,我可以在我的应用程序中全局设置意大利语言环境,而不调用函数在每个组件中设置语言环境吗?

我尝试在 AppComponent 中使用 set locale 功能,但不起作用。

谢谢大家

【问题讨论】:

    标签: angular datepicker ngx-bootstrap


    【解决方案1】:

    对于未来的读者,我是这样做的:

    import { NgModule } from "@angular/core";
    import { CommonModule } from "@angular/common";
    
    import { BsDatepickerModule } from "ngx-bootstrap";
    import { BsLocaleService } from 'ngx-bootstrap/datepicker';
    import { defineLocale } from 'ngx-bootstrap/chronos';
    import { itLocale } from 'ngx-bootstrap/locale';
    
    import { MyComponent } from "./my.component";
    
    @NgModule({
        imports: [CommonModule, BsDatepickerModule.forRoot()],
        declarations: [MyComponent],
        providers: []
    })
    export class MyModule {
        constructor(localeService: BsLocaleService) {
            defineLocale('it', itLocale);
            localeService.use('it');
        }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-12-16
      • 1970-01-01
      • 1970-01-01
      • 2018-09-19
      • 2015-12-09
      • 1970-01-01
      • 1970-01-01
      • 2021-09-29
      相关资源
      最近更新 更多