Question

我正在从服务中获取日期，但看来这并不是真正的日期格式。

我尝试打印为：

但是它正在打印

前端的2018-10-11 + 01：00。

有没有办法以我想要的格式显示记录日期？

Answer 1

尝试一下moment.js

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

Answer 2

如果您收到的日期格式为“ dd / mm / yyyy”。您可以使用正则表达式转换日期。

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

Demo

Answer 3

请使用moment js。要获得更高级的知识，您可以对dateformat进行过滤，并使用以下代码。

(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>

您可以根据需要进行更新。

更改日期格式（JavaScript / Angular）

3 个答案: