jquery - Django Ajax 响应日期和时间格式

Question

遇到问题...

我使用 Django、SQLite、jquery 和 AJAX。

问题是，当我从数据库中获取日期和时间时，它看起来很奇怪。

有没有办法正常显示，如dd/mm/yyyy HH:MM？

Modeles.py

class QueryHistory(models.Model) :
 userID = models.CharField(max_length=100)
 date = models.DateTimeField(auto_now_add=True, blank=True)

View.py

queries_list = serializers.serialize(
             'json',
             (QueryHistory.objects.filter(
                 userID = request.session['user_id']
               ).order_by('-id')[:5])
           )
return HttpResponse(json.dumps(queries_list), content_type="application/json")

Js.js

success : function(response) {
 var queries_list = jQuery.parseJSON(response);
 console.log(response);
}

Result: 2016-09-21T06:43:26.693Z

Should be: 21/09/2016 06:43

Answer 1

我想出了自己的解决方案。

要以您自己的格式显示日期，您只需创建一个变量new Date

var date = new Date();

之后，我们从对此变量的响应中解析日期，因此将其更改为:

var date = new Date(ourAjaxResponse.date);

现在，如果您尝试显示它，您将获得标准的 JavaScript 日期格式:

Wed Mar 25 2015 13:00:00 GMT+1300 (New Zealand ())

感谢 JavaScript，它有几个方法可以让我们获取小时、分钟以及我们需要的所有其他内容，以便按照我们的意愿显示日期。

var date = new Date(ourAjaxResponse.date);
   var day  = date.getDate();
   var mnth = date.getMonth(); 
   var year = date.getFullYear();
   var hrs  = date.getHours();
   var mnts = date.getMinutes();

var mnths 将是从 1 到 12 的数字，因此您可以用您自己的语言创建一个包含月份列表的数组

var monthNames = [
  "Января", "Февраля", "Марта",
  "Апреля", "Мая", "Июня", "Июля",
  "Августа", "Сентября", "Октября",
  "Ноября", "Декабря"
]; // For Example: in Russian 

var monthNames = [
  "January", "February", "March",
  "April", "May", "June", "July",
  "August", "September", "October",
  "November", "December"
]; //or in English

最终结果:

我有获取日期变量的函数:

function get_date(date){
    var date = new Date(date);
    var day = date.getDate();
    var monthIndex = date.getMonth();
    var year = date.getFullYear();
    var hours = addZero(date.getHours());//addZero() function described below
    var minutes = addZero(date.getMinutes());

    return "<i class='fa fa-calendar-o' aria-hidden='true'></i> " + day + " " + monthNames[monthIndex] + " " + year + " <i class='fa fa-clock-o' aria-hidden='true'></i> " + hours + ":" + minutes;
}

另一个小函数，在小时和分钟前面加零，因为如果它们小于 10，结果将是

8:21 or 19:8 instead of 08:21 or 19:08

function addZero(i) {
    if (i < 10) {
        i = "0" + i;
    }

    return i;
}

现在，您可以在代码中的任何位置调用此函数并从服务器或任何其他来源解析日期，并且您将始终获得相同的结果:

console.log(get_date(ourAjaxResponse.date));

22 September 2016 01:16

如果您将函数 get_date() 中的 return 更改为:

return day + "/" + monthIndex + "/" + year + " " + hours + ":" + minutes;

22/09/2016 01:16