如何在Angular中使用自己的管道格式化``kendo datepicer`输入中的日期？

Question

如何在Angular中使用自己的管道格式化kendo-datepicker输入中的日期？

例如，我可以通过以下方式将我自己的管道应用于kendo-grid-column中的日期：

<kendo-grid-column field="dueDate" [title]="'titles.dueDate' | translate">
   <ng-template kendoGridCellTemplate let-dataItem>
      {{dataItem.dueDate | localizedDate }}
   </ng-template>
</kendo-grid-column>

现在我想在kendo-datepicker中做一些类似的事情。类似于：

<kendo-datepicker formControlName="theDate">
   <ng-template kendoGridCellTemplate let-dataItem>
      {{dataItem.theDate | localizedDate }}
   </ng-template>
</kendo-datepicker>

我找到了these模板，但我无法使用它们中的任何一个来实现所需的结果。期望的结果是，kendo-datepicker输入中显示的值将是由我的管道格式化的日期。

我知道format属性。但这不是我想要的，因为它是静态的，并且我不想在整个项目中复制日期格式的逻辑(我的自定义管道正在做的事情)。

Answer 1

你是在找这样的东西吗：

    <div class="example-config">
        Selected value is: {{value | kendoDate:'hh:mm:ss a'}}
    </div>
    <div class="example-wrapper" style="min-height: 400px">
        <p>Select a time value:</p>
        <kendo-timepicker
            [(value)]="value"
        ></kendo-timepicker>
    </div>