如何为 Kendo UI 日期列 _filter_ 的 DatePicker 设置日期格式

Question

上下文：

我有一个带有日期列的 Kendo UI 网格。我可以成功设置列的日期格式，但是我无法设置相应的过滤器 UI 的日期选择器的日期格式。

目前我尝试过的：

1) 部分 google 结果包含以下内容：

field: "ShippedDate",
title: "Shipped Date",
format: "{0:yyyy/MM/dd}",
filterable: { ui: "datepicker", format: "yyyy/MM/dd" }

这根本不起作用。顺便说一句，根据 Kendo 参考文档，列的可过滤属性没有格式属性。

2) 我尝试访问 datePicker 对象的运行时以直接在 filterMenüInit 事件中设置格式。没有运气。我可以成功 select 选择器，但它的 jQuery.data() 是空的。我在第一个日期选择器的事件中使用以下 select 或：

var $picker = e.container.find(".k-datepicker:eq(0)");

$picker 包含查询，但根据调试器，$picker.data() 还是空的

问题：

现在我卡住了。在过滤器的日期选择器中使用自定义格式是强制性的我该如何实现？

附加信息

您可以在此处快速开始检查 DOM：

http://dojo.telerik.com/AGUxa

Answer 1

您可以在过滤器菜单初始化时将日期选择器初始化为输入框，并在上面设置您想要的格式。

function filterMenu(e) {
    if (e.field == "OrderDate") {

        $('input[data-role="datepicker"]').kendoDatePicker({format: "yyyy-MM-dd"});
    }
}

这是工作演示 http://dojo.telerik.com/ucuqO

希望对你有所帮助。

如何为 Kendo UI 日期列 _filter_ 的 DatePicker 设置日期格式

How to set date format for Kendo UI date column _filter_'s DatePicker

jquery

kendo-ui

kendo-grid

kendo-datepicker