Angular 2 Kendo ui网格日期格式不起作用答案

【问题标题】：Angular 2 Kendo ui grid Date format not workingAngular 2 Kendo ui网格日期格式不起作用
【发布时间】：2017-04-20 12:30:19
【问题描述】：

最近我开始在我的应用程序中集成 angular 2 和 kendo ui 网格。除日期格式外，一切正常。下面是我的代码。

请帮帮我

<kendo-grid-column field="lastLoginTime" title="LastLoginTime" type="date" format={0:dd/MM/yyyy} width="40">
            </kendo-grid-column>
             <kendo-grid-column field="creationTime" title="CreationTime" type="date" format={0:dd/MM/yyyy} width="40" >           
            </kendo-grid-column>

日期格式无效。

感谢和问候拉玛那。

【问题讨论】：

请在下面找到代码网格列>
我也无法让 format 属性正常工作。我不得不使用单元格模板。 {{ dataItem.DateColumn |日期：“MM/dd/yyyy”}}

标签： angular user-interface kendo-ui

【解决方案1】：

导入 INtlModule

import {IntlModule} from '@progress/kendo-angular-intl'

绑定

[format]="'dd/MM/yyyy'"

或

{{PaymentDetails.CheckInDate | kendoDate:'dd/MM/yyyy'}}

双引号内应该是单引号

【讨论】：

谢谢{{dataItem.CheckInDate | kendoDate:'dd/MM/yyyy'}}

【解决方案2】：

试试[format]="'{0:dd/MM/yyyy}'"

这适用于 Grid v 1.1.2

【讨论】：

这样，但没有单引号

【解决方案3】：

或者，在元素中使用 ng-template：

  <kendo-grid-column field="OrderDate" title="Date">
    <ng-template kendoGridCellTemplate let-orderItem>
      {{ orderItem.OrderDate | date: 'dd.MM.yy' }}
    </ng-template>
  </kendo-grid-column>

【讨论】：