【问题标题】:ngx-bootstrap DatePicker, how to set display format for datengx-bootstrap DatePicker,如何设置日期的显示格式
【发布时间】:2018-12-19 15:30:13
【问题描述】:

如何为日期选择器显示的日期设置自定义格式?

我想要一个长日期格式,例如“2017 年 11 月 4 日”或“2017 年 11 月 4 日”。对多个当地人来说都是清楚的。

我尝试了选项的不同属性,但总是以美国短日期格式结束。

【问题讨论】:

    标签: ngx-bootstrap


    【解决方案1】:

    要以“2017 年 11 月 4 日”格式显示日期,请使用以下配置:

    this.bsConfig = Object.assign({}, { dateInputFormat: 'LL', locale: 'en-gb' });

    并将其分配给 html 组件中的日期选择器:

    <input ... bsDatepicker  [bsConfig]="bsConfig" />
    

    注意在修补表单值时有an existing issue。该链接还包含一个可能的解决方法。

    【讨论】:

      【解决方案2】:

      以这种格式显示日期“2017 年 11 月 4 日”。 在 html 中使用这个配置。

      [bsConfig]="{dateInputFormat: 'D MMMM YYYY '}"
      

      它对我有用。

      【讨论】:

      • @Suraj Rao,我想知道你为什么要编辑这种格式吗?是否必须在日期格式之间留出空格
      • 我没有改变你原来的 dateInputFormat。我只是将它设置在代码块中以提高可读性。检查revision。随意更改您的答案
      猜你喜欢
      • 2020-09-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-07-13
      • 2018-09-19
      • 2015-05-15
      相关资源
      最近更新 更多