html - 隐藏 Kendo DatePicker 按钮 - 有选择地(CSS)

Question

我在 Telerik site 上发现可以使用以下样式标签隐藏 Kendo DatePicker 上的默认按钮:

<style>
.k-datepicker .k-select {
    display: none;
}

.k-datepicker .k-picker-wrap {
    padding: 0;
}

.k-datepicker .k-input {
    border-radius: 3px;
}
</style>

我如何将此样式应用于给定页面上的一个 Kendo DatePicker，而不是另一个？

请原谅我的新手分析，但我相信上面给出的样式使用了 Kendo css 文件中的类名，这让我不确定如何将它应用于某些控件而不是其他控件。

我的许可证已过期，无法使用 Telerik 发布此问题。

谢谢!

Answer 1

在 JS 中初始化你的日期选择器，你可以像这样添加一个属性:

$("#datepicker").kendoDatePicker()
   .attr("class", "datepicker_hidden");

然后使用你的新类来设置样式

.datepicker_hidden .k-select {
    opacity: 0;
}

编辑:您可能仍希望能够单击以打开日期选择器，因此我更改了 CSS 以反射(reflect)这一点。如果您计划以编程方式“单击”日期选择器，那么您可以使用 display:none; 作为 css。

这是一个隐藏和非隐藏日期选择器的例子:http://dojo.telerik.com/UlAcE