javascript - 将查询集列表传递给带有日期时间字段的 javascript 函数

Question

通过我的 django 模型的查询集，我想使用 Google Chart 打印一个折线图，其中日期时间为 X 值。

javascript 中的日期时间需要采用这种格式:

new Date(YEAR, MONTH, DAY, HOUR, MINUTE)

我需要将这样的列表传递给 Google Chart:

data.addRows([
    [new Date(2000, 8, 5), 1200],
    [new Date(2001, 8, 5), 1223],
    [new Date(2002, 8, 5), 1240]
]

在我的 django views.py 文件中，我这样做了:

def Function(request, page_id):

    query_set = MyModel.objects.filter(page__pk=page_id)

    list_impressions = query_set.values_list('created_at', 'page_impressions')
    context = {'impressions': list_impressions}

    return render(request, 'datacenter/facebook/impressions.html', context)

在我的 django 模板中，

{% for record in impressions %}
    {{ record }}
{% endfor %}

我得到:

(datetime.datetime(2017, 2, 1, 8, 17, 49, 732016, tzinfo=<UTC>), 219482)
(datetime.datetime(2017, 2, 1, 8, 52, 11, 912992, tzinfo=<UTC>), 219482)

但我需要传递给 javascript :

var data = google.visualization.arrayToDataTable(
    [new Date(2017, 2, 1, 8, 17, 49), 1200],
    [new Date(2017, 2, 1, 8, 52, 11), 1223]
);

我应该在哪里建立 Django 和 Javascript 中日期时间表示之间的链接？ View 、模板？

我尝试在堆栈溢出中使用许多其他问题，但没有成功。我还尝试构建丑陋的东西，例如创建字符串列表，然后在模板中对其进行转换。

Answer 1

您可以按如下方式在 javascript 中转换它。例如:如果您使用任何名为 temp_datetime 的键获取日期时间值，则按如下方式使用它来转换为 javascript 日期对象。new Date("{{ temp_datetime|date:"Y, m, d, H, i, s"}}") 这样您就可以将日期时间转换为 javascript Date 对象。