如何隐藏AngularDatePicker日期格式提示？

Question

例如，通常的日期选择器代码如下：

<kendo-datepicker [value]="value"></kendo-datepicker>

当 "value" 为 null 或空时，它会显示提示：

month/day/year

如何隐藏该提示？

编辑：此功能正在开发中。应该很快就会实现了。

Answer 1

问题出在 kendo datepicker 占位符属性。

DateInput 和 DatePicker 组件错误地公开了占位符属性。默认情况下，日期格式字符串，例如month/day/year，显示。

您可以在 #519 上获得更多详细信息。

Answer 2

我认为没有办法以编程方式执行此操作，但我知道如何执行此操作，并且我在 Chrome 开发工具中对其进行了简要测试。

在您的日期选择器组件上添加一些 class

<kendo-datepicker [ngClass]={'empty': !date }>

然后添加样式

.k-datepicker.empty input {
    text-indent: -9999px;
}

这应该可以解决问题。

Answer 3

随着 DateInput 的最新变化（从 v1.4.0-dev 开始），添加了两个额外的属性：

有了这些，我们就可以轻松隐藏或修改显示的格式说明：

<kendo-datepicker [placeholder]="Enter date..." [formatPlaceholder]="short" />

这是一个演示这些新属性的 plunker 演示：

请注意，所描述的功能仅在 @dev 频道中可用。 不过应该很快就会发布了。

编辑：@progress/kendo-angular-dateinputs@1.4.0 正式发布。只需使用 1.4.0 或更高版本即可使用一些提到的选项。

How to hide Angular DatePicker date format prompt?