我如何设计一个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(); 
    }); 

}); 

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