jquery - 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"
/>

但在 View 中该控件显示为文本框。 请为此提出解决方案...

注意:下面的代码正在运行

 @(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

Note : Kendojs datepicker is available for PHP,JSP AND ASP.NET MVC.