时间戳

首页 > 解决方案 > 找不到管道“kendoDate”

angular - 找不到管道“kendoDate”

问题描述

尝试使用以下代码格式化剑道网格中的某些日期

import { IntlService } from '@progress/kendo-angular-intl';
@Component({
  selector: 'app-casesearchcomponent-root',
  templateUrl: './casesearch.component.html',
  styleUrls: ['./casesearch.component.css']
})
export class CaseSearchComponent implements AfterViewInit {
  constructor(private _intl: IntlService){}
}

我的页面在以下时尚中使用它...

<div class="col-md-2 case-data">{{dataItem.Patient.DateOfBirth | kendoDate: 'M/dd/yyy'}}</div>
<div class="col-md-2 case-label">Scheduled Time</div>
<div class="col-md-2 case-data">{{dataItem.ScheduledDateTime | kendoDate: 'M/dd/yyy' }}</div>

根据 Teleriks 国际化页面上的 Doco，这应该可以工作，但它会引发以下 JavaScript 错误..( https://www.telerik.com/kendo-angular-ui/components/internationalization/ )

compiler.js:486 Uncaught Error: Template parse errors: The pipe 'kendoDate' could not be found ("="col-md-1 case-label">DOB {{[ERROR ->]dataItem.Patient.DateOfBirth | kendoDate : 'M/dd/yyy'}} 预定时间 {{[ERROR ->]dataItem.ScheduledDateTime | kendoDate: 'M/dd/yyy' }}

标签： angularkendo-ui-angular2

解决方案

仅供任何人参考，如果国际化不是关键任务，您可以使用 mast3rd3mon 的建议并执行以下操作，它会在剑道网格中正常工作。

<div class="case-data">{{dataItem.Patient.DateOfBirth | date : 'dd/MM/yyyy}}</div>
<div class="case-label">Scheduled Time</div>
<div class="case-data">{{dataItem.ScheduledDateTime | date : 'dd/MM/yyyy' }}</div>

推荐阅读