Изменить формат даты (Javascript / Angular)

Question

Я получаю дату от службы, но, похоже, это не совсем формат даты.

Я пытался напечатать как:

{{vm.NapIncident.RecordDate |дата: 'ЧЧ: мм: сс дд-мм-гггг'}}

Но он печатает

2018-10-11 + 01: 00 на внешнем интерфейсе.

Есть ли способ показать дату записи в нужном мне формате?

Answer 1

Если вы получаете дату в этом формате «дд / мм / гггг».Вы можете использовать регулярные выражения для преобразования даты.

 this.NapIncident.recordDate = new Date(this.NapIncident.recordDate.replace(/(\d{2})- 
(\d{2})-(\d{4})/, "$2/$1/$3"))
 }

Демо

Answer 2

Пожалуйста, используйте момент JS.Для получения более высокого уровня вы можете сделать фильтр для даты и использовать код, как показано ниже.

(function () {
'use strict';

angular.module('app.filter')
    .filter('utcDate', utcDate);

function utcDate() {
    return function (value, format) {
        moment.locale("en");
        switch (format) {
            case 'shortTime':
                format = 'LT';
                break;
            case 'shortDate':
                format = 'L';
                break;
            case 'communityDate':
                format = 'LT L';
                break;
            case 'orderDate':
                format = 'LT ll';
                break;
            case 'orderLongTime':
                format = 'HH:mm';
                break;
            case 'activityDate':
                format = 'L LT';
                break;
            case 'chatComivo':
                format = 'MMM D';
                break;
            case 'broadcastReplyTime':
                format = 'HH:mm a';
                break;
            case 'broadcastReplyDate':
                format = 'MM/DD/YYYY';
                break;
            case 'promotionDate':
                format = 'MM/DD/YYYY';
                break;
            case 'converstionDate':
                format = 'MMMM DD YYYY, h:mm:ss a';
                break;
            case 'lastRead':
                format = 'lll';
                break;
             case 'test':
                format = 'HH:mm:ss dd-MM-yyyy';

        }

        //var localDate = moment.utc(value).local(); this is for to convert date into utc date
        //return localDate.format(format);return moment().format(format); 

return    moment().format(format)     }    }})();

И использовать следующий HTML

this date <p>{{date | utcDate:'test'}}</p>

, вы можете обновить его в соответствии с вашими требованиями.

Answer 3

try moment.js

moment().format("h:mm:ss a,Do MMMM YYYY,");