Question

我正在使用Nebular 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

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

Answer 3

在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");
}

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

3 个答案: