设置 Telerik Grid Filter Datepicker 的格式答案

【问题标题】：Set Format of Telerik Grid Filter Datepicker设置 Telerik Grid Filter Datepicker 的格式
【发布时间】：2020-06-25 08:19:50
【问题描述】：

我在整个项目中都使用了 Telerik DatePickers，当我选择一个日期时，它采用了所需的格式 dd/MM/yyyy。

但是，我有一个 Telerik Grid，它有一个日期列。因此，过滤器选项允许用户使用 Telerik DatePicker 来选择过滤日期。当我选择以美国格式显示的日期时，即 MM/dd/yyyy (6/25/2020)。

AppDate 在我的模型中是类型DateTime。

我尝试了以下方法来格式化 DatePicker 值，但它似乎不起作用。

columns.Bound(o => o.AppDate)
        .Format("{0:dd/MM/yyyy}")
        .ClientTemplate("#= kendo.toString(AppointmentDate, 'dd/MM/yyyy') #");

如何更改此设置，以便在我选择日期时以 dd/MM/yyyy 格式显示？

【问题讨论】：

标签： c# model-view-controller datepicker telerik telerik-grid

【解决方案1】：

https://www.telerik.com/forums/grid-column-datetime-filter-format

添加过滤器模板，调用js函数覆盖现有模板

columns.Bound(o => o.AppDate)
    .Format("{0:dd/MM/yyyy}")
    .ClientTemplate("#= kendo.toString(AppointmentDate, 'dd/MM/yyyy') #")
    .Filterable(x => x.UI("datePicker"));


function datePicker(args) {
    args.element.kendoDatePicker({
        format:"dd/MM/yyyy"
    });
}

如果您使用行过滤，还有另一种过滤模板类型

.Filterable(x => x.Cell(y => y.Template("datePicker")));

虽然...该线程中的全球化方法也是一个好主意。 http://docs.telerik.com/kendo-ui/framework/globalization/overview

【讨论】：

当我使用 Filterable 时，args.element 中的元素未定义
我取出了 .element 部分，它现在可以工作了！谢谢。

【解决方案2】：

您也可以使用下面的简单代码来解决您的问题。

在此您可以直接在 XML 代码中进行更改。

<Telerik:GridDateTimeColumn 
      DataField="DateThatUserPicked" 
      DataType="System.DateTime"
      DataFormatString="{0:dd/MM/yyyy}" 
      HeaderText="DateThatUserPicked" 
      SortExpression="DateThatUserPicked" 
      UniqueName="DateThatUserPicked"> 
</Telerik:GridDateTimeColumn>

或者，如果它不适合您，请使用下面的boundColumn：

<Telerik:GridBoundColumn 
      DataField="DateThatUserPicked" 
      DataFormatString="{0:dd/MM/yyyy}" 
      DataType="System.DateTime" 
      HeaderText="DateThatUserPicked">
</Telerik:GridBoundColumn>

【讨论】：

这是我目前没有的较新版本的 Telerik。
@BadDub ，拿新版本用我的回答，简单易行