修剪日期格式 PrimeNG 日历 - 删除时间戳、角度反应形式

2024-05-14

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

有谁知道有一个内置函数可以实现上述目的。我已经搜索过文档here https://www.primefaces.org/primeng/#/calendar但没有运气。 A.trim https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim当然在回调中工作得很好,但我想知道是否有人以前做过这个并且知道内置的 功能。

Thanks.

UPDATE

为了帮助其他人 - 这就是我在下面的答案的帮助下使用 primeng 压延机、角度反应形式解决它的方法。使用(onSelect)特定于回调日历 https://www.primefaces.org/primeng/#/calendar

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')
  );
}

您需要在组件中注入 DatePipe,如下所示

构造函数(私有 datePipe:DatePipe){}

比您可以在组件中的任何位置使用转换函数

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

build in 格式有很多,参考官​​方文档https://angular.io/api/common/DatePipe https://angular.io/api/common/DatePipe

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

修剪日期格式 PrimeNG 日历 - 删除时间戳、角度反应形式 的相关文章

随机推荐