5

好吧，似乎有很多类似的问题，但我找不到回答这个特定问题的答案..所以这里..

有一个有效的 Kendo UI 网格。我的数据源正在返回一个时间戳 - 这是返回到代码的 JSON 响应：

在此处输入图像描述

您会注意到下一行也是一个日期。由 MySQL 作为标准 DateTime 格式返回 - 我很乐意直接使用它。但我已将日期转换为我认为更通用的时间戳。（？？）

现在我需要做两件事 - 将时间戳格式化为可读日期并编辑日期，以便将其保存回数据源。但让我们先解决格式化问题。

我当前显示该列的代码如下所示：

    {   title: "Trial<br>Date", 
    field: "customer_master_converted_to_customer_date",
    format: "{0:d/M/yyyy}",
    attributes: {
        style: "text-align: center; font-size: 14px;"
    },
    filterable: true,
    headerAttributes: {
        style: "font-weight: bold; font-size: 14px;"
    }
},

虽然我试过..

    toString(customer_master_converted_to_customer_date, "MM/dd/yyyy")

..以及它的几种变体-就格式字符串而言。是的，我试过输入：

    type: "date",

无论我做什么，我都只会得到时间戳。

在此处输入图像描述

任何人？

4

4 回答 4

4

您需要先将时间戳转换为 JavaScript 日期。这是一个示例实现：

$("#grid").kendoGrid({
  dataSource: {
    data: [
      { date: 1371848019 }
    ],
    schema: {
      model: {
        fields: {
          date: {
            type: "date",
            parse: function(value) {
              return new Date(value * 1000);
            }
          }
        }
      }
    }
  }
});

这是现场直播：http: //jsbin.com/utonil/1/edit

于 2013-08-03T04:29:51.497 回答
2

我只是遇到了同样的问题，我尝试了这个，现在效果很好，祝你好运。

template :#= kendo.toString(new Date(parseInt(dateOfBirth)), 'yyyy-MM-dd')#"

其中 dateOfBirth 是要格式化的日期，结果将是这样的：2015-09-11。祝你好运。

于 2015-09-11T10:13:31.197 回答
0

将数据库中的 TimeStamp 格式数据用于 KendoGrid 的最简单方法。

https://stackoverflow.com/a/67106362/5671943

<kendo-grid-column class="CreatedAt" field="CreatedAt" title="title"
 [width]="120" [headerStyle]="{'background-color': '#36455a','color': '#fff'}"
 [style]="{'background-color': '#36455a','color': '#fff'}">
      <ng-template kendoGridCellTemplate let-dataItem>
         {{dataItem.CreatedAt | date:"yyyy/MM/dd HH:mm:ss"}}
      </ng-template>
</kendo-grid-column>
于 2021-04-15T10:06:59.453 回答
0

谢谢@Atanas Korchev，这对我有用，这就是我最终要做的：

// in datasource
    schema:{
      model: {
        fields: {
          date: { type: "date",
                    parse: function(value) {
                      return new Date(value);
                    }
          }, // … other fields

    // in columns
    columns: [
        {
          field: "date",
          title: "Date",
          type: "date",
          format: "{0:dd MMM yyyy}"
        },
        // ... other columns
     ]

于 2019-08-13T23:03:26.160 回答