Скрытие кнопки Кендо DatePicker - выборочно (CSS)

Question

я обнаружил на Telerik site, что можно скрыть кнопку по умолчанию на Кендо DatePicker со следующим тегом стиля:

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

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

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

Как бы применить этот стиль к одному Кендо DatePicker на заданной странице, но не другой?

Простите мой новичок-анализ, но я считаю, что приведенный выше стиль использует имена классов из файла css в Kendo, и это оставляет мне неуверенность в том, как применять его к определенным элементам управления, а не к другим.

Моя истекшая лицензия не позволяет мне опубликовать этот вопрос с помощью Telerik.

Спасибо!

Answer 1

В JS для инициализации выбора даты, вы можете добавить атрибут как так:

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

Затем используйте новый класс стиль его

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

EDIT: Вы, вероятно, по-прежнему хотите, чтобы можно было щелкнуть, чтобы открыть сборщик дат, поэтому я изменил CSS, чтобы это отразить. Если вы планируете «щелкнуть» программу выбора даты программно, то вы можете использовать display:none; для css.

Вот пример скрытой и без скрытого выбора даты: http://dojo.telerik.com/UlAcE