在json内格式化日期

Question

我从后端得到了这样的json：

 {
   "datas":[
      {
         "id":4,
         "create_date":"2021-03-18T21:11:57.239Z"
      },
      {
         "id":5,
         "create_date":"2021-03-19T19:37:05.829Z"
      }
   ]
}

在json中循环，如下所示：

 $(data.datas).each(function(index,value){
        html += `<tr><th scope="row">${index+1}</th>
              <td>${value.id}</td>
              <td>${value.create_date}</td>
              <td><a href="#" class="btn btn-outline-dark">View Car</a></td>
            </tr>`
 })

但是，这里create_date只是在td列中打印，就像下面这样的2021-03-18T21:11:57.239Z。那么，如何在每个tds中使这个显示像这样的2021-03-18 & 21:11 am/pm呢？

我的尝试：

var created_date = value.create_date;
console.log(created_date.split("T")[0]);//2021-03-18
console.log(created_date.split("T")[1])//21:11:57.239Z (how can i remove 57.239Z..)

我对这两种解决方案都是开放的，即:后端和前端。对于我的后端，我使用django，如果需要查看后端的代码，请告诉我。

Answer 1

您可以应用MomentJS在前端中格式化日期时间。

先决条件：

• 将MomentJS脚本添加到HTML中

​

// Demo with assign sample data into createdDate
var created_date = new Date();
console.log(moment(created_date).format("YYYY-MM-DD & HH:mm a"));
// Result: 2021-04-02 & 15:16 pm

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

​

参考资料：MomentJS解析字符串格式

Answer 2

从后端解决这个问题。您可以在settings.py中设置它。

REST_FRAMEWORK = {
    'DATETIME_FORMAT': "%Y-%m-%d & %H:%M %p",
}

DRF文件中的更多信息

输出将类似于它：

"create_date"："2021-03-18 & 21:11 AM"