如何在剑道网格列的 UTC 和本地时间格式之间切换？答案

【问题标题】：How can I toggle between UTC and local time format for a kendo grid column?如何在剑道网格列的 UTC 和本地时间格式之间切换？
【发布时间】：2020-07-22 10:26:06
【问题描述】：

我有一个剑道网格，第一列是时间戳。我希望在列标题中有一个选项，可以在 UTC 和本地时间格式之间切换。

<div id="grid"></div>

<script>
$("#grid").kendoGrid({
  columns: [ {
    field: "Timestamp",
    format: "{0: yyyy-MM-dd HH:mm:ss}"
  }, {
    field: "number",
    format: "{0:c}"
  } ],
  filterable: true,
  dataSource: [ { Timestamp: new Date(), number: 3.1415 } ]
});
</script>

我可以在这里使用剑道模板来提供在时间格式之间切换的条件吗？我不想特别使用列格式。

【问题讨论】：

标签： javascript jquery kendo-ui timestamp kendo-grid

【解决方案1】：

一个选项是您可以使用列模板并将这两种格式中的每一种都放在一个类的各自范围中。然后你可以在页面上有一些按钮或切换开关，通过 javascript/jquery 隐藏/显示适当的类。

以下是自定义列模板的一些 kendo 文档： https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.template

【讨论】：