Question

上下文

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

到目前为止我尝试了什么：

1）一些谷歌搜索结果包含以下内容：

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

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

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

var $ picker = e.container.find（“。k-datepicker：eq（0）”）;

$ picker包含查询，但根据调试器，$ picker.data（）再次为空

问题：

现在我被卡住了。在过滤器中的datepicker中使用自定义格式是必需的如何实现此目的？

其他信息

您可以在此处快速启动以检查DOM：

http://dojo.telerik.com/AGUxa

Answer 1

您可以在过滤器菜单init初始化日期选择器到输入框，并在其上设置所需的格式。

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的日期格式

1 个答案: