Kendo ui 如何设置剑道网格上日期过滤器的宽度？

我有一个带有过滤器行的网格作为示例：

因为我的网格有很多列，所以我必须设置输入过滤器的宽度，我使用filterable模板来实现这一点：

{ 
    field: "CustomerName",
    title: "CustomerName",
    filterable: { 
        cell: { 
            template: function (input) { 
                input.width("60%"); 
                input.keydown(preventPost); 
            }
        }
    }
},

和日期栏：

{
    field: "DueDate", 
    title: "Modified", 
    format: "{0:MM-dd-yyyy}", 
    filterable: { 
        cell: { 
            template: function (input) { 
                input.width("60%"); 
                input.keydown(preventPost);
            }
        }
    }
},

数字列和字符串列可以，但日期列出现问题

在设置列的宽度之前，它会在日期列上显示datepicker

设置列的宽度后，它会在日期列上显示文本框

---

那么如何解决呢？

只需定义列的宽度，然后让KendoUI计算它

{
    field: "OrderDate",
    title: "Order Date",
    format: "{0:MM/dd/yyyy}",
    width: 150
}

检查以下代码，这是您在文章中提到的示例

$（文档）.ready（函数（）{
$（“#网格”）.kendoGrid({
数据源：{
类型：“odata”，
运输：{
阅读：“http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
},
模式：{
型号：{
字段：{
OrderID:{type:“number”}，
运费：{type:“number”}，
船名：{type:“string”}，
OrderDate:{type:“date”}，
ShipCity:{type:“string”}
}
}
},
页面大小：20，
对,，
是的，
},
身高：550，
可过滤：{
模式：“行”
},
pageable:对，
柱：
[
{
字段：“订单ID”，
宽度：125，
可过滤：{
单元格：{
showOperators:false
}
}
},
{
字段：“ShipName”，
宽度：200，
标题：“船名”，
可过滤：{
单元格：{
操作员：“包含”
}
}
},
{
字段：“运费”，
宽度：255，
可过滤：{
单元格：{
操作员：“gte”
}
}
},
{
字段：“订单日期”，
标题：“订单日期”，
格式：“{0:MM/dd/yyyy}”，
宽度：180
}
]
});
});
html{
字体大小：12px；
字体系列：Arial、Helvetica、无衬线字体；
}

我使用了剑道用户界面版本v2014.2.716，因此当我以与您相同的方式修改我的网格时，它将无法工作。移动到剑道用户界面的较新版本如何？似乎他们已经修复了一些东西…我真的很想使用剑道UI的最新版本，但不幸的是，我的公司没有升级的计划。所以我需要尝试另一种方法。。。。