隱藏劍道的DatePicker按鈕 - 選擇（CSS）

我發現在Telerik site一個可以隱藏在劍道的DatePicker的默認按鈕，下面的樣式標籤：隱藏劍道的DatePicker按鈕 - 選擇（CSS）

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

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

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

我將如何運用這種風格來一個劍道DatePicker在給定頁面上，但不是另一個？原諒我的新手分析，但我相信上面給出的樣式使用了Kendo css文件中的類名，這讓我不確定如何將它應用於某些控件而不是其他人。

我過期的許可證使我無法通過Telerik發佈此問題。

謝謝！

來源

2016-08-25 Francis Khoury

在JS來初始化你的日期選擇器，你可以添加一個屬性，像這樣：

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

然後使用新的類樣式它

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

編輯：你可能還希望能夠點擊打開日期選擇器，所以我改變了CSS來反映這一點。如果您計劃以編程方式「點擊」日期選擇器，那麼您可以使用display:none;作爲CSS。

這裏是一個隱藏和非隱藏日期選擇器的例子：http://dojo.telerik.com/UlAcE

來源

2016-08-25 17:43:34

好了，非常感謝。您的建議很有效，但我在DatePicker中使用了以下Razor語法：我必須用「*」替換「@」以在此發佈此評論... *（Html.Kendo（）。DatePickerFor （model => model.ShipRequestStatusDate） .Format（「MM/dd/yyyy」） .HtmlAttributes（new {* readonly = true，* class =「datepicker_hidden」}）） –

@FrancisKhoury啊，我不知道那是的，但是，這個概念應該是一樣的。很高興工作！ –

隱藏劍道的DatePicker按鈕 - 選擇（CSS）

回答

相關問題