我如何設計一個Kendo DatePicker控件，使其看起來像普通的文本框？

Question

劍道DatePicker的外觀和感覺很棒，但由於我正在仿照一個模型，所以我需要使它看起來像一個普通的文本框。用戶單擊文本框時的預期行爲應該是相同的，但想法是隱藏小日曆圖標。

默認一個看起來是這樣的：

http://screencast.com/t/vBwR4HasO

，我希望它看起來像：

http://screencast.com/t/0AzSYPS9Jaq

任何想法如何去除小日曆？

Answer 1

三是沒有內置的功能，允許您修改日曆圖標的可見性，但你可以使用jQuery破解元素以獲得所需的結果。

希望下面的內容能讓你知道從哪裏開始。

$(document).ready(function() { 

    // Find and remove k-picker-wrap class from Kendo DatePicker 'datepicker' 
    $("#datepicker_wrapper").removeClass("k-picker-wrap"); 

    // Hide the icon 
    $(".k-state-default > .k-select").css("visibility","hidden"); 

    // Add a click handler to the DatePicker to replace the functionality of the calendar button 
    var datepicker = $("#datepicker").data("kendoDatePicker"); 
    $(".k-input").click(function() { 
     datepicker.open(); 
    }); 

}); 

您可能需要稍微修改以符合您的需求。