kendo JS中的日期选择器显示为文本框

Question

正在使用以下cshtml代码在View中填充日期选择器。

<input class="form-control " data-role="datepicker" id="ActualDateID" 
data-format="dd/MM/yyyy" placeholder="[DD/MM/YYYY]" 
data-type="date" name="dtActualDate" 
/> 

但鉴于该控件显示为文本框。 请建议对这种解决方案

注意：下面代码工作

@(Html.Kendo().DatePicker().Name("datepicker")) 

Answer 1

我曾与MVC5和Telerik的2016年添加类似的问题...

@ Scripts.Render（ “〜/包/剑道”）

在_Layout.cshtml头部分解问题。

Answer 2

你可以尝试以下代码。如果你想添加更多的配置，请访问该page

更新::

HTML

<input id="datePicker" /> 
    <input id="datePicker2" /> 

JS

$("#datePicker").kendoDatePicker({ 
    close: function() { 
     console.log("closed datePicker"); 
    } 
}); 

var two = $("#datePicker2"); 

two.kendoDatePicker({}); 

two.data("kendoDatePicker").bind("close", function() { 
    console.log("closed datePicker2"); 
}); 

另见Jsfiddle

注意：Kendojs日期选择器可用于PHP,JSP和ASP.NET MVC。