如何使用 moment.js 将多个日期转换为 JSON 对象到自定义格式的日期？

Question

我有一个 JSON 对象，它来自 AJAX 请求，由接口 SuccesResponse 表示

interface SuccessResponse {
    dates: Dates;
}

地点：

interface Dates {
    items: DatesItemResponse[];
}

interface DatesItemResponse {
    date: string;
}

DatesItemResponse 看起来像这样：

{
    "date": "2018-06-25T00:00:00"
}

我需要使用moment.js 将所有这些日期格式化为MM-DD，因此在上面的示例中它应该是06-25，但我不知道如何让moment.js 解析所有日期而不是一个。

Answer 1

根据您提到的界面，您的响应如下所示：

const response = {
    dates: {
        items: [{
            date: '2018-06-25T00:00:00'
        }, {
            date: '2018-06-26T00:00:00'
        }, {
            date: '2018-06-27T00:00:00'
        }]
    }
};

因此，您需要遍历items 并通过creating a moment object with each date string 解析其中的所有date 属性，然后在具有所需格式的那些时刻对象上调用format，在这种情况下为MM-DD。

如果您想在单个数组中获取所有日期，可以使用Array.prototype.map() 并执行以下操作：

const response = {
    dates: {
        items: [{
            date: '2018-06-25T00:00:00'
        }, {
            date: '2018-06-26T00:00:00'
        }, {
            date: '2018-06-27T00:00:00'
        }]
    }
};

console.log(response.dates.items.map(item => moment(item.date).format('MM-DD')));

<script src="http://momentjs.com/downloads/moment.min.js"></script>

但是，如果您想获得与最初完全相同的对象，但将原始日期字符串替换为格式化的字符串，那么Array.prototype.forEach() 可能是更好的选择（尽管从技术上讲，map 也可以） ：

const response = {
    dates: {
        items: [{
            date: '2018-06-25T00:00:00'
        }, {
            date: '2018-06-26T00:00:00'
        }, {
            date: '2018-06-27T00:00:00'
        }]
    }
};

response.dates.items.forEach(item => {
  item.date = moment(item.date).format('MM-DD');
});

console.log(response);

<script src="http://momentjs.com/downloads/moment.min.js"></script>