如何隐藏角DatePicker格式提示？

Question

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

例如，通常的数据交换代码如下所示：

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

当"value“为空或空时，它会显示一个提示符：

month/day/year

如何隐藏提示符？

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

Answer 1

随着DateInput中的最新更改( v1.4.0-dev)，添加了两个额外的属性：

• placeholder -显示文本提示(相关Github问题)
• formatPlaceholder -格式部分的控制描述(Github问题)

有了这些工具，我们可以很容易地隐藏或修改显示的格式描述：

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

下面是演示这些新属性的柱塞演示：

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

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

编辑：@progress/kendo-angular-dateinputs@1.4.0正式发布。只需使用1.4.0或更高版本来利用其中的一些选项。

Answer 2

问题在于kendo datepicker场所持有者的财产。

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

您可以获得关于#519的更多细节。

Answer 3

我认为没有办法以编程的方式做到这一点，但是我对如何做到这一点有一个想法，我在Chrome工具中进行了简要的测试。

在datepicker组件上添加一些类

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

然后添加样式

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

这应该能起作用。