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

Posted 2023-05-07

【中文标题】如何为 Kendo UI 日期列 _filter_ 的 DatePicker 设置日期格式

【英文标题】：How to set date format for Kendo UI date column _filter_'s DatePicker

【发布时间】：2017-06-26 13:55:33

【问题描述】：

上下文：

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

到目前为止我所做的尝试：

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

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

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

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

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

在$拾取器包含查询，但根据空再次$ picker.data（）是调试器 P>

问题：

现在我被困住了。其在过滤器中的日期选择器的自定义格式是强制性我怎样才能做到这一点？ P>

其他信息

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

http://dojo.telerik.com/AGUxa

【参考方案1】：

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

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

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

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

我希望它会有所帮助。

【讨论】：

欢迎朋友 :)