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

【问题标题】：Anlgular 2 - Kendo UI Datepicker default input placeholderAngular 2 - Kendo UI Datepicker 默认输入占位符
【发布时间】：2017-10-02 18:23:21
【问题描述】：

我正在使用新的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>

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

【问题讨论】：

您确定占位符是标准日期时间格式吗？

标签： angular kendo-ui datepicker telerik kendo-ui-angular2

【解决方案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

【讨论】：