web-dev-qa-db-ja.com

ngx-bootstrapdatepicker形式のグローバル構成

Ngx-bootstrap datepickerの日付形式をグローバルに構成することは可能ですか?

ドキュメントには、BsDatepickerConfigクラスとそれを個々の日付ピッカーに渡す方法が記載されていますが、これをグローバルに構成する可能性がないように思われることに少し驚いています(少なくとも文書化されていません)

https://valor-software.com/ngx-bootstrap/#/datepicker#bs-datepicker-config

6
Davy

これはまだ文書化されていませんが、かなり簡単に実現できます。さまざまなコンポーネント(ツールチップ、ポップオーバーなど)のデモがいくつかあり、datepickerのコードはほぼ同じです。日付ピッカーをグローバルに構成する場合は、基本的なBsDatepickerConfigをコンポーネントまたはモジュールのprovidersセクションにあるものに置き換えます。

export function getDatepickerConfig(): BsDatepickerConfig {
  return Object.assign(new BsDatepickerConfig(), {
    dateInputFormat: 'YYYY-MM-DD'
  });
}

@NgModule({
  ...
  providers: [{ provide: BsDatepickerConfig, useFactory: getDatepickerConfig }]
})

例- https://stackblitz.com/edit/angular-tvahsw?file=app%2Fapp.module.ts

17
IlyaSurmay