Angular中如何修改Kendo Scheduler月视图单元格日期格式？

错误原因 #

你遇到的Can't bind to 'cellTemplate' since it isn't a known property of 'kendo-scheduler-month-view'错误，是因为Kendo Angular Scheduler的月视图组件并不支持cellTemplate这个输入属性，你使用了错误的模板绑定方式。

正确实现方案 #

要自定义月视图单元格的日期显示格式，需要使用官方提供的kendoSchedulerMonthCellTemplate指令来声明单元格模板，而非绑定cellTemplate属性。以下是修正后的代码：

<kendo-scheduler-month-view [eventHeight]="18" [eventClass]="getEventClass">
  <!-- 事件模板保留 -->
  <ng-template kendoSchedulerEventTemplate let-event="event" let-resources="resources" let-date="date">
    <ng-template *ngTemplateOutlet="eventTemplate; context: { $implicit: event.dataItem }"></ng-template>
  </ng-template>

  <!-- 月视图单元格模板：使用kendoSchedulerMonthCellTemplate指令 -->
  <ng-template kendoSchedulerMonthCellTemplate let-date="date">
    {{ date | date: 'dd MMM' }}
  </ng-template>
</kendo-scheduler-month-view>

<ng-template #eventTemplate let-dataItem>
  <!-- 你的事件内容模板 -->
</ng-template>

关键说明 #

• 移除了无效的[cellTemplate]="monthCellTemplate"绑定
• 使用kendoSchedulerMonthCellTemplate指令定义月视图的单元格模板，这是Kendo Scheduler官方支持的自定义方式
• 日期管道格式调整为'dd MMM'，可以实现「01 Oct」这样的日+英文月份缩写的显示效果

内容的提问来源于stack exchange，提问作者nhoyti