typescript - Ngx-admin 日期选择器组件。如何更改本地设置并将组件显示为土耳其日历

Question

我正在使用星云 ngx-admin。如何自定义您的新日期选择器组件？如何更改本地设置并将组件显示为土耳其日历。我已经审查了图书馆，但我认为这是关于它的。有没有其他方法可以做到这一点。

Answer 1

您需要做的就是将 Angular 语言环境更改为土耳其语。这篇文章可能对你有帮助：https ://angular.io/guide/i18n

矮个子，在您的 AppModule 中定义适当的提供程序：

import { LOCALE_ID, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from '../src/app/app.component';

@NgModule({
    imports: [ BrowserModule ],
    declarations: [ AppComponent ],
    providers: [ { provide: LOCALE_ID, useValue: 'tr' } ],
    bootstrap: [ AppComponent ]
})
export class AppModule { }

Answer 2

在 app.module.ts 文件中添加这一行。

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

在你的 component.ts 上

import { BsLocaleService } from 'ngx-bootstrap/datepicker';
constructor(private localService: BsLocaleService){
  this.localService.use("tr");
}

Answer 3

import es from '@angular/common/locales/es';
import { registerLocaleData } from '@angular/common';
registerLocaleData(es);
@NgModule({
  providers: [
    { provide: LOCALE_ID, useValue: "es-ES" }, //your locale
  ]
})