尝试将 JSON 格式日期的集合转换并显示为正常格式

Question

我在一个页面上显示来自an online JSON source 的 50 个音乐会详细信息。

日期是JSON格式，我想转换成普通格式显示。

我正在走通过类名获取，转换然后附加的路线；但我有点碰壁了。

eventTimeConv 为空，因为我要将转换后的日期附加到那里：

<div class = "eventTimeConv"></div>
<div id = "event-time" class = "event-date-time">{{ show.datetime }}</div>

到目前为止我写的javascript：

function changeDate()
{
  var date = document.getElementsByClassName("event-date-time");

  var newDate = new Date(date);
  var dateConverted = newDate.toDateString();

  var div = document.getElementsByClassName("eventTimeConv");
}

由于“日期”是我假设的集合，转换为 dateConverted 失败。

谁能在这里提供一些指导？还是另一种方法？

Answer 1

GetElementsByClassName 将返回一个包含该类的所有 div 的数组。因此，当您将日期变量传递给 new Date() 函数时，不会收到有效的日期字符串。

您必须遍历该数组并选择要设置的值来设置日期。

Answer 2

如果您想尝试 momentjs，那么只需将您的日期格式化为-

<div class = "eventTimeConv"></div>
<div id = "event-time" class = "event-date-time">
  {{ moment(show.datetime).format('YYYY-MM-DD h:mm') }}
</div>