【问题标题】:How to set date format for Kendo UI date column _filter_'s DatePicker如何为 Kendo UI 日期列 _filter_ 的 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

【问题讨论】:

    标签: jquery kendo-ui kendo-grid kendo-datepicker


    【解决方案1】:

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

    function filterMenu(e) {
        if (e.field == "OrderDate") {
    
            $('input[data-role="datepicker"]').kendoDatePicker({format: "yyyy-MM-dd"});
        }
    }
    

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

    我希望它会有所帮助。

    【讨论】:

    • 欢迎朋友 :)
    猜你喜欢
    • 1970-01-01
    • 2022-01-11
    • 1970-01-01
    • 1970-01-01
    • 2015-09-24
    • 1970-01-01
    • 1970-01-01
    • 2016-06-03
    • 1970-01-01
    相关资源
    最近更新 更多