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以反映这一点。如果你打算点击＆＃34;点击＆＃34;以编程方式选择日期选择器，然后您可以使用display:none;作为css。

以下是隐藏和非隐藏日期选择器的示例：http://dojo.telerik.com/UlAcE

隐藏Kendo DatePicker按钮 - 有选择地（CSS）

1 个答案: