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。