如何获取网格类型日期columnMenu:true / {...} datetimepicker显示timepicker?

时间:2015-01-30 19:46:49

标签: kendo-ui kendo-grid

我可以使用以下内容来显示日期选择器和时间戳:

1)网格类型为date,columnMenu:未设置为true,

我无法让以下工作。它只显示datepicker而不是timepicker:

2)网格,列类型为date,columnMenu:set true /{...}

以下是一些例子:

这适用于并显示日期和时间选择器:

jsfiddle grid date filter no columnMenu both date and time pickers show up

这不起作用,只显示日期选择器,但现在是时间选择器:

jsfiddle grid date columnMenu: true/{...} filter only date picker shows up

如果我使用columnMenu,如何显示时间选择器:? 我正在使用datetimepicker,但只显示了datepicker。

    // TODO: Make datetimepicker filter show the timepicker next the to datepicker when 
    //       columnMenu: is used
    columnMenu:
    {

        filterable:   { ui: "datetimepicker" }, // Partial - Date picker is shown, no time picker shown
        //filterable:   { ui: "datepicker" },     // Works   - Date picker is shown
    },

1 个答案:

答案 0 :(得分:0)

问题在于uifilterable中为column中未定义的每个columnMenu定义的columnMenu: { filterable: true }, height: 200, columns: [ { field: "title", title: "Title", width: "270px" }, { field: "date5", title: "D 5", width: "230px", format:"{0:MM/dd/yyyy hh:mm tt}", filterable: { ui: "datetimepicker" } } 的一部分。你的定义应该是:

{{1}}

您的JSFiddle在此修改:http://jsfiddle.net/OnaBai/rsa7yqwj/2/