Question

我在一个页面上显示50个音乐会详情，来自an online JSON source。

日期是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");
}

由于＆＃39; date＆＃39;转换为dateConverted失败作为我假设的集合。

有人可以在这里提供一些指导吗？还是另一种方法？

Answer 1

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

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

Answer 2

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

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

尝试将JSON格式的日期转换并显示为普通格式

2 个答案: