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

Question

我正在使用新的Datepicker from telerik Kendo UI

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

然而，看this plunker我发现可以显示默认值，但我无法弄清楚如何。

这是我目前的代码：

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

如何在输入字段或日期格式中显示默认占位符（更清洁，然后是“未定义”）

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