Формат даты от «гггг-мм-ддТЧч: мм: сс.ССС» до удобочитаемого формата с использованием угловых значений 2

Question

У меня есть данные JSON в следующем формате, и я хочу отобразить startDateTime в удобочитаемом формате.

  var txns = {    
   "payeeAccNum": "12081031991",
   "startDateTime": "2018-11-13T20:47:47.866"
 }

Я сделал это следующим образом, но он всегда показывает время только как 12: 00: 00 AM . Может ли кто-нибудь помочь в этом?

<span [innerHTML]="(txns.startDateTime | date:'d MMM yyyy h:mm:ss a')"></span>

Answer 1

рассмотрите возможность использования библиотеки moment.js для преобразования времени данных.

. Для того, чтобы найти код для вашего сайта, нужно прочитать код momentjs.com

:

var requiredDateFormat = moment (tsnx.startDateTime) .format ('ММ-ДД-ГГГГ')

Answer 2

Используя фильтр даты, вы можете отформатировать дату / время в любом нужном вам формате:

'medium': эквивалентно 'MMM d, yh: mm: ss a' для локали en_US(например, 3 сентября 2010 г., 12:05:08)

'short': эквивалентно 'M / d / yy h: mm a' для локали en_US (например, 9.09.10 12:05))

'fullDate': эквивалентно 'EEEE, MMMM d, y' для локали en_US (например, пятница, 3 сентября 2010 г.)

'shortDate': эквивалентно 'M / d /yy 'для локали en_US (например, 9/3/10)

' mediumTime ': эквивалентно' h: mm: ss a 'для локали en_US (например, 12:05:08 PM)

'shortTime': эквивалентно 'h: mm a' для локали en_US (например, 12:05 PM)

Теперь, в каком формате вы хотите, чтобы ваше время отображалось?

для Средний дисплей, используйте:

<span [innerHTML]="(txns.startDateTime |  date:'medium')"></span>

, и лучше использовать [innerText] вместо HTML для содержимого диапазона.

чтобы получить что-то вроде средней даты без секунд, используйте 'MMM d, y h:mm a'

Фильтр смещения даты:

transform(value: any, format = 'MM/dd/yyyy'): string {
    let formattedDt: string;
    if (value) {
        if (DateUtil.DATE_TIMEZONE_REGEX.test(value)) {
            value = this.removeTimezone(value);
        }
        formattedDt = this.datePipe.transform(new Date(value), format);
    }
    return formattedDt;
}

private removeTimezone(value: any): string {
    const timezoneDashIndex = value.lastIndexOf('-');
    return value.slice(0, timezoneDashIndex);
}