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

Question

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

日期选择器运行良好，但我有 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>

如何在输入字段或日期格式中显示默认占位符（比 "Undefined" 更清晰）

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

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

Anlgular 2 - Kendo UI Datepicker default input placeholder

datepicker

telerik

kendo-ui

kendo-ui-angular2

angular