ngx-bootstrap - ngx-bootstrap datepicker 格式的全局配置

Question

是否可以为 ngx-bootstrap 日期选择器全局配置日期格式？

该文档提到了 BsDatepickerConfig 类以及如何将其传递给每个单独的日期选择器，但我有点惊讶似乎不可能全局配置它(至少没有记录)

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

Answer 1

这尚未记录在案，但可以很容易地实现。我们有几个针对不同组件(工具提示、弹出框等)的演示，并且 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