PrimeNg 12 p 日历 UTC 问题

Question

我对 PrimeNg 日历组件有疑问。 我需要从日历中的选定值中删除 UTC。 在日历组件中选择一个日期，表单值为：

Wed Jun 01 2022 00:00:00 GMT+0200 (Ora legale dell’Europa centrale)

因此，当我调用传递此值的 rest 服务时，它会转换为：

"2022-05-31T22:00:00.000Z"

我知道这是与 UTC 相关的问题，但我找不到将 UTC 设置属性删除到 p 日历中的方法。 有没有办法做到这一点？ 或者可以将选定的值管理到指令中？ 我正在使用 PrimeNg 12.2.16

Answer 1

对我来说，我用指令和日期偏移校正做了一个解决方案：

import { Calendar } from 'primeng/calendar';
import { Directive } from '@angular/core';

@Directive({
  selector: '[utcCalendar]',
})
export class UtcCalendarDirective {

  constructor(private pCalendar: Calendar) {

    // Function was taken from
    // https://github.com/primefaces/primeng/blob/master/src/app/components/calendar/calendar.ts

    pCalendar.updateModel = (value) => {
      pCalendar.value = value;

      if (pCalendar.dataType == 'date') {
        // Changes
        const date = new Date(pCalendar.value);
        date.setTime( date.getTime() + (-date.getTimezoneOffset())*60*1000 );
        pCalendar.onModelChange(date);
      }
      else if (pCalendar.dataType == 'string') {
        if (pCalendar.isSingleSelection()) {
          pCalendar.onModelChange(pCalendar.formatDateTime(pCalendar.value));
        }
        else {
          let stringArrValue = null;
          if (pCalendar.value) {
            stringArrValue = pCalendar.value.map((date: any) => pCalendar.formatDateTime(date));
          }
          pCalendar.onModelChange(stringArrValue);
        }
      }
    };
  }
}

然后当我执行value.toISOString()时，它会给出一个类似'2022-09-12T00:00:00.000Z'的日期。

用 forms 测试。 onSelect()等输出和其他一些功能不会更改，但您可以改进此代码。