ngx-bootstrap日期选择器格式的全局配置

Question

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

文档提到了BsDatepickerConfig类以及如何将其传递给每个单独的日期选择器，但我有点惊讶的是似乎没有全局配置的可能性（至少没有记录下来）。

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

- Davy

Answer 1

这还没有被记录，但可以相当轻松地实现。我们有一些针对不同组件（工具提示、弹出窗等）的演示，并且日期选择器的代码几乎相同。如果您想全局配置日期选择器，请在组件或模块的providers部分将基本的BsDatepickerConfig替换为自己的。

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

- IlyaSurmay

---

谢谢，太完美了！解决了我的问题。 - Wedson Quintanilha da Silva

如何在组件中使用它？ - HV Sharma