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

您可以尝试以下代码。如果您想添加更多配置，请访问此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 datepicker适用于PHP，JSP和ASP.NET MVC。

Answer 2

我在MVC5和Telerik 2016上遇到了类似的问题。添加......

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

头部的_Layout.cshtml中的

解决了这个问题。

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

2 个答案: