ngx-bootstrap DatePicker，如何设置日期的显示格式

Question

如何为datepicker显示的日期设置自定义格式？

我想要一个长日期格式，如'2017年11月4日'或'2017年11月4日'。对于多个当地人来说，这是明确的。

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

Answer 1

要在“2017年11月4日”格式中显示日期，请使用以下配置：

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

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

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

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

Answer 2

以此格式显示日期'2017年11月4日'。在html中使用此配置。

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

这个对我有用。