如何将BsDatepicker日期选择器的语言从英文改为法语？

要将日期选择器的月份显示切换为法语，只需按以下步骤修改core.module.ts的配置：

1. 导入并注册法语Locale #

在文件顶部添加Locale相关的导入，并注册法语语言包：

import { defineLocale } from 'ngx-bootstrap/chronos';
import { frLocale } from 'ngx-bootstrap/locale';

// 注册法语Locale
defineLocale('fr', frLocale);

2. 配置日期选择器使用法语 #

有两种配置方式，选其一即可：

方式一：直接在BsDatepickerModule.forRoot()中指定Locale #

修改imports数组里的BsDatepickerModule初始化代码：

BsDatepickerModule.forRoot({ locale: 'fr' }),

方式二：在BsDatepickerConfig工厂中配置Locale #

如果项目使用工厂函数NGX_DATEPICKER_OPTIONS统一配置日期选择器，在该函数中添加locale属性：

export function NGX_DATEPICKER_OPTIONS(): BsDatepickerConfig {
  return {
    // 保留原有配置项
    locale: 'fr'
  };
}

修改后的完整core.module.ts示例 #

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { ReferenceDataModule } from '../reference-data/reference-data.module';
import { IdentityModule } from '../identity/identity.module';

import { NgxsModule } from '@ngxs/store';
import { NgxsStoragePluginModule, StorageOption } from '@ngxs/storage-plugin';
import { AppState } from '../states/app.state';
import { AuthState } from '../states/auth.state';
import { ProfileState } from '../states/profile.state';
import { ReferenceDataState } from '../states/reference-data.state';

import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule, MODAL_CONFIG_DEFAULT_OVERRIDE } from 'ngx-bootstrap/modal';
import { BsDatepickerModule, BsDatepickerConfig } from 'ngx-bootstrap/datepicker';
import { defineLocale } from 'ngx-bootstrap/chronos';
import { frLocale } from 'ngx-bootstrap/locale';

import { TranslocoRootModule } from '../transloco-root.module';
import { AppHttpInterceptor } from './interceptors/app-http.interceptor';
import { NGX_MODAL_OPTIONS } from '../constants/modal.constants';
import { NGX_DATEPICKER_OPTIONS } from '../constants/datepicker.constants';
import { environment } from '../../environments/environment';

// 注册法语Locale
defineLocale('fr', frLocale);

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    AppRoutingModule,
    ReferenceDataModule,
    IdentityModule,

    NgxsModule.forRoot(
      [AppState, AuthState, ProfileState, ReferenceDataState],
      {
        developmentMode: !environment.production,
      }
    ),
    NgxsStoragePluginModule.forRoot({
      key: ["app", "auth", "profile", "referenceData"],
      storage: StorageOption.SessionStorage,
    }),

    BsDropdownModule.forRoot(),
    ModalModule.forRoot(),
    // 方式一：直接配置Locale
    BsDatepickerModule.forRoot({ locale: 'fr' }),

    TranslocoRootModule,
  ],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AppHttpInterceptor,
      multi: true,
    },
    {
      provide: MODAL_CONFIG_DEFAULT_OVERRIDE,
      useValue: NGX_MODAL_OPTIONS,
    },
    {
      provide: BsDatepickerConfig,
      useFactory: NGX_DATEPICKER_OPTIONS,
    },
  ],
  exports: [AppRoutingModule, TranslocoRootModule],
})
export class CoreModule {}

内容的提问来源于stack exchange，提问作者pops1348