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

时间:2017-10-31 13:20:45

标签: ngx-bootstrap

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

我喜欢像2017年11月4日这样的长日期格式'或者' 2017年11月4日'。对于多个当地人而言,这一点很明显。

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

2 个答案:

答案 0 :(得分:2)

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

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

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

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

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

答案 1 :(得分:0)

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

defaultConfig{
   vectorDrawables.useSupportLibrary = true
}

对我有用。