如何修改取自Wordpress API的日期格式

Question

通过从Wordpress API获取数据，我可以通过这种方式获取日期/时间-2019-11-29 19:00:00

如何通过使其看起来像这样来修改-2019年11月29日19:00

HTML:

<p class="date">DATE</p>

JS:

const date = postCopy.querySelector(".date");
date.textContent = post.event_date

Answer 1

我建议使用vanillaJS中提供的toLocaleDateString()方法。

相关文件：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

let initialDate = "2019-11-29 19:00:00"
let formattedDate = new Date(initialDate).toLocaleDateString('en-US', {
year: 'numeric',
month: 'long',
day: '2-digit',
hour: "2-digit",
minute: "2-digit",
hour12: false
})
console.log(formattedDate)

如果你不喜欢这种方法，看看这个类似问题中提出的51个解决方案：如何格式化JavaScript日期