【问题标题】:Global configuration of ngx-bootstrap datepicker formatngx-bootstrap datepicker格式的全局配置
【发布时间】:2018-09-19 18:30:04
【问题描述】:

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

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

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

【问题讨论】:

    标签: ngx-bootstrap


    【解决方案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

    【讨论】:

    • 谢谢,完美!解决了我的问题
    • 如何在组件中使用?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-16
    • 1970-01-01
    • 2019-12-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多