Resolví el problema agregando una tubería personalizada.

Mi tubería personalizada se basa en la solución proporcionada por Birwin. Gracias Birwin .

Aquí está mi tubería personalizada llamada UtcDate

 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'utcDate' }) export class UtcDatePipe implements PipeTransform { transform(value: string): any { if (!value) { return ''; } const dateValue = new Date(value); const dateWithNoTimezone = new Date( dateValue.getUTCFullYear(), dateValue.getUTCMonth(), dateValue.getUTCDate(), dateValue.getUTCHours(), dateValue.getUTCMinutes(), dateValue.getUTCSeconds() ); return dateWithNoTimezone; } }

Y también usé la tubería de fecha predeterminada para formatear

 {{createdDate | utcDate | date:'short'}}

Puede pasar otro parámetro a la tubería de fecha de la siguiente manera:

{{elemento de resultado. fecha de creación | fecha: 'corta': 'UTC'}}

Este parámetro puede ser una zona horaria como '-0430' o simplemente 'GMT'

Consulte la documentación: https://docs.angularjs.org/api/ng/filter/date

Es posible que deba crear una fecha UTC a partir de su fecha con la zona horaria... Supongo que se encuentra en la zona horaria del Pacífico, ya que la hora es de 7 horas a partir de la UTC...

Pruebe este código para obtener un nuevo objeto de fecha sin zona horaria (suponiendo que su variable se llame "fecha"):

 var datewithouttimezone = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());