找不到管道 'kendoDate'

Question

尝试使用以下代码在 kendo 网格中格式化一些日期

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'}} Scheduled Time {{[ERROR ->]dataItem.ScheduledDateTime | kendoDate: 'M/dd/yyy' }}

Answer 1

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

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

找不到管道 'kendoDate'

The pipe 'kendoDate' could not be found

kendo-ui-angular2

angular