如何隐藏Angular DatePicker日期格式提示？

Question

如何在KendoUi Angular DatePicker中隐藏默认日期格式说明：https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/#toc-formats

在示例中，通常的datepicker代码如下：

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

当＆＃34;值＆＃34;为null或为空它会显示提示：

month/day/year

如何隐藏该提示？

编辑：此功能正在开发中。它应该很快就会被重新发布。

Answer 1

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

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

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

Answer 2

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

在你的datepicker组件上添加一些课程

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

然后添加样式

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

这应该可以解决问题。

Answer 3

使用DateInput中的最新更改（从v1.4.0-dev开始），添加了两个附加属性：

• placeholder - 显示文字提示（相关Github issue）
• formatPlaceholder - 控制格式部分的说明（Github issue）

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

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

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

http://plnkr.co/edit/XYmwDjkpp7Mb4txlmc2L?p=preview

请注意，所描述的功能仅在 @dev 频道中可用。 应尽快发布。

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