使用 asp.net MVC 包装器在 Kendo UI 网格中格式化日期时间

Question

我想构建一个格式为日期 dd//MM/yyyy 的 Kendo UI 网格。然而，我发现的所有与此相关的问题都通过代码 Format("{0:d}"); 解决了。所以，我尝试过像下面的代码：

GridBoundColumnBuilder<TModel> builder = par.Bound(field.Name);

        switch (field.Type.Type)
        {
            case CType.Boolean:
                builder = builder.ClientTemplate(string.Format("<input type='checkbox' #= {0} ? checked='checked' : '' # disabled='disabled' ></input>", field.Name));
                break;
            case CType.Datetime:
                builder = builder.Format("{0:d}");
                break;
            case CType.Decimal:
            case CType.Double:
                builder = builder.Format("{0:0.00}");
                break;
        }

另一种格式工作正常，只是日期时间不起作用。

我得到了 Datetime = /Date(1377020142000)/

的结果

Answer 1

如果您想在剑道网格中显示日期时间格式，请执行此操作，

.Format("{0:dd/MM/yyyy}") 

或者

builder.ToString("dd/MM/yyyy");

Answer 2

其他解决方案很接近，但没有雪茄......这对我有用：

columns.Bound(c => c.CreatedDate).ClientTemplate("#= kendo.toString(kendo.parseDate(CreatedDate), 'dd/MM/yyyy') #");

Answer 3

.Format("{0:" + System.Globalization.CultureInfo.CurrentCulture.DateTimeFormat.ShortDatePattern + "}");

如果这不是您想要的，System.Globalization.CultureInfo.CurrentCulture.DateTimeFormat 中可能还有一些其他选项可能适合您。

Answer 4

还可以使用：

columns.Bound(c => c.DateCreate).Format("{0:G}")

如http://docs.telerik.com/kendo-ui/framework/globalization/dateformatting

Answer 5

试试这个，这会起作用。

.ClientTemplate("#= kendo.toString(kendo.parseDate(Date,'dd/MM/yyyy'), '" +  CurrentDateFormat + "') #");

Answer 6

我不了解 Kendo UI，但在我看来，您想传递字符串格式的日期而不是 DateTime 对象。

/Date(...)/

输出看起来像来自.Net的JSON格式的日期。

在将日期传递给控件之前，我会使用类似

myDateTime.ToString("dd/MM/yyyy");

之类的东西将日期转换为字符串。

Answer 7

核心问题在这里有很好的记录。将那里的答案与我发现的其他内容相结合，这就是我必须做的事情才能使其在我的项目中发挥作用。

在C#代码中：

.Template("#= kendo.toString(parseDate(" + field.Name + "), 'dd/MM/yyyy') #");

然后，创建一个 javascript 函数：

function parseDate(d) {
  d = new Date(parseInt(d.replace(/\/Date\((-?\d+)\)\//gi, "$1"), 10));
  return d;
}

虽然有点麻烦，但很有效。

Answer 8

感谢您的回答：

我使用 ClientTemplate 并调用 javascript 函数在 Kendo 网格列中以 HH:MM:SS 格式设置持续时间（以秒为单位）：

                .ClientTemplate("#= secToHHMMSS(DurationInSeconds) # ")
                    .Title("Duration")
                    .Width(150);

function secToHHMMSS(s) {
    f = Math.floor;
    g = (n) => ('00' + n).slice(-2);
    return f(s / 3600) + ':' + g(f(s / 60) % 60) + ':' + g(s % 60)
}

Answer 9

以下文档将指导您如何设置您的文化： https://docs.telerik.com/kendo-ui/globalization/intl/definecultureinfo

设置完成后，您将能够将日期编辑为适合您的文化。

有效！