Question

最近我开始在我的应用程序中集成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>

日期格式不起作用。

谢谢＆amp;问候拉玛纳。

Answer 1

导入INtlModule

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

绑定

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

或

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

双引号内的单引号

Answer 2

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

这适用于Grid v 1.1.2

Answer 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>

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

3 个答案: