ngx-bootstrap datepicker格式的全局配置

Question

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

文档提到了 BsDatepickerConfig class 以及如何将它传递给每个单独的日期选择器，但我有点惊讶似乎无法全局配置它（至少没有记录）

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

Answer 1

这还没有记录，但可以很容易地实现。我们有几个针对不同组件（工具提示、弹出窗口等）的演示，日期选择器的代码几乎相同。如果您想全局配置日期选择器，请将基本的 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

ngx-bootstrap datepicker格式的全局配置

Global configuration of ngx-bootstrap datepicker format

ngx-bootstrap