隐藏剑道日期picker按钮-选择性(CSS)

Question

我在Telerik网站上发现，可以使用以下样式标签隐藏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日期picker，而不是另一个?

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

我的过期许可证阻止我在Telerik上发布这个问题。

谢谢!

Answer 1

在JS中初始化日期选择器，可以添加如下属性:

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

然后用你的新类给它设置样式

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

编辑:你可能仍然希望能够点击打开日期选择器，所以我改变了CSS来反映这一点。如果你计划以编程方式"点击"日期选择器，那么你可以使用display:none;作为css。

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