Trim 日期格式 PrimeNG 日历 - 删除时间戳，angular 反应形式

Question

我将以下内容推送到我的反应形式 obj 2016-01-01T00:00:00.000Z 但我想要以下 2016-01-01.

有谁知道实现上述功能的内置函数。我搜索了文档 here but no luck. A .trim 当然可以在回调中正常工作，但我想知道是否有人以前做过这个并且知道内置的功能。

谢谢。

更新

为了帮助他人 - 这就是我在 angular 中使用 primeng 压延机、反应形式在下面的答案的帮助下解决它的方法。使用特定于 primeNg Calendar

的 (onSelect) 回调

import { DatePipe } from '@angular/common';

<p-calendar
    #purchaseDateRef
    (onSelect)="handleSelect(purchaseDateRef)">
</p-calendar>


constructor(
    private datePipe: DatePipe
) {}

handleSelect(event: any) {
  // manipulate date object with help of DatePipe and setValue
  this.form.get('registrationFields.appliance.purchaseDate')
     .setValue(this.datePipe.transform(event.value, 'y.MM.dd')
  );
}

Answer 1

您需要在组件中注入 DatePipe，因为

构造函数（私有日期管道：日期管道）{}

你可以在组件的任何地方使用转换函数

const formattedDate = this.datePipe.transformer(dateValue, 'build_in_date_format')

内置格式较多，参考官方文档https://angular.io/api/common/DatePipe

Trim 日期格式 PrimeNG 日历 - 删除时间戳，angular 反应形式

Trim date format PrimeNG calendar - remove timestamp, angular reactive forms

javascript

angular

primeng