javascript - 如何在 JavaScript 中将日期转换为另一种格式？

Question

我从 API 获取日期为

 2017-04-20T07:00:00Z

如何将其格式化为以下内容？

 20.04.2017

我正在使用 React 来显示日期:

<div>{props.data.day}</div>

我尝试过例如 toISOString().slice(0, 10); 但无法使其正常工作。我也尝试查看其他答案，但尚未找到解决方案。

Answer 1

以下内容应该在没有任何第三方库的情况下工作:

console.log(convertDate(new Date("2017-04-20T07:00:00Z")));

function convertDate(date) {
    var day = date.getDate();
    day = day < 10 ? "0" + day : day;
    var month = date.getMonth() + 1;
    month = month < 10 ? "0" + month : month;
    var year = date.getFullYear();
    return day + "." + month + "." + year;
}

这给出:

20.04.2017

您需要将其作为函数添加到组件中，并将返回值作为 div 的内容。

请注意，正如其他答案中所述，您最好使用第三方库，它可以处理时区和其他基于时间的问题，而无需您考虑。