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>

根据Doco on Teleriks国际化页面，这应该可行，但它会引发以下JavaScript错误..（https://www.telerik.com/kendo-angular-ui/components/internationalization/）

compiler.js：486未捕获错误：模板解析错误：无法找到管道'kendoDate'（“=”col-md-1 case-label“＆gt; DOB {{[ERROR - ＆gt;] dataItem.Patient.DateOfBirth | kendoDate：'M / dd / yyy'}} 计划的时间 {{[ERROR - ＆gt;] dataItem.ScheduledDateTime | kendoDate：'M / dd / yyy'}}

Answer 1

仅仅为了任何人的信息，如果国际化不是关键任务，你可以使用mast3rd3mon的建议，并执行以下操作，它将在剑道网格中正常工作。

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

无法找到管道“kendoDate”

1 个答案: