Angular 2 - Kendo UI Datepicker 默认输入占位符

Question

我正在使用新的 [来自 telerik Kendo UI 的日期选择器][1]

日期选择器工作得很好，但我有 1 个问题，当我的日期值未定义时，它会显示 未定义，如下所示:

[![在此处输入图像描述][2]][2]

然而，看看[this plunker][3]，我发现可以显示默认值，但我不知道如何显示。

这是我当前的代码:

<kendo-datepicker id="pickDateStart"
                  #pickDateStart="ngModel"
                  name="pickDateStart"                                             
                  [format]="'dd/mm/yy'"
                  [(value)]="absenceReservation.StartDate"
                  [(ngModel)]="absenceReservation.StartDate"
                  [class.has-error]="pickDateStart.invalid && showValidation"
                  [tooltip]="errors_startDate"
                  [isDisabled]="!showValidation"
                  (valueChange)="setDateRange($event)"
                  placement="bottom"
                  ngModel required>

</kendo-datepicker>

<template #errors_startDate>
    <div *ngIf="pickDateStart.errors?.required">
        <i class="fa fa-exclamation-circle"></i> {{"itemIsRequired" | translate }}
    </div>
</template>

如何在输入字段中显示默认占位符或日期格式(比“未定义”更清晰的内容) [1]:https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/ [2]:/image/KpP3l.png [3]:https://embed.plnkr.co/jYcy8YUTVePlUUDJspwA/

Answer 1

正确的culture data should be loaded以显示正确的占位符消息。有关该主题的详细讨论可以在此 Github 问题中找到:

https://github.com/telerik/kendo-angular/issues/499

在这里您可以找到一个工作示例:

https://github.com/telerik/kendo-angular/issues/499#issuecomment-297393561