Kendo ui 设置日期选择器时出现剑道UI错误_Kendo Ui_Kendo Asp.net Mvc

Kendo ui 设置日期选择器时出现剑道UI错误

kendo-ui

Kendo ui 设置日期选择器时出现剑道UI错误,kendo-ui,kendo-asp.net-mvc,Kendo Ui,Kendo Asp.net Mvc,我正在尝试让剑道用户界面（免费版本的工作）。我试图用下面的代码实现日期选择器，但我得到的只是一个空的输入字段。有人对如何解决这个问题有什么建议吗 <!DOCTYPE html> <html> <head> <link href="/Content/kendo/2015.3.1111/kendo.common.min.css" rel="stylesheet" /> <link href="/Content/kendo/20

我正在尝试让剑道用户界面（免费版本的工作）。我试图用下面的代码实现日期选择器，但我得到的只是一个空的输入字段。有人对如何解决这个问题有什么建议吗

<!DOCTYPE html>
<html>
  <head>
    <link href="/Content/kendo/2015.3.1111/kendo.common.min.css" rel="stylesheet" />
    <link href="/Content/kendo/2015.3.1111/kendo.default.min.css" rel="stylesheet" />
  </head>
<body>
  <script src="/Scripts/jquery-1.10.2.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.core.min.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.calendar.min.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.popup.min.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.datepicker.min.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.data.min.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.list.min.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.combobox.min.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.dropdownlist.min.js></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.multiselect.min.js"></script>
  <script src="/Scripts/kendo/2015.3.1111/kendo.validator.min.js"></script>
  <input id="TimeSlot" name="TimeSlot" type="datetime" />

   <script type="text/javascript">
    $(document).ready(function () {
        debugger;
        $("#TimeSlot").kendoDatePicker();
        //var datepicker = $("#datepicker").data("kendoDatePicker");
    });
    </script>
  </body>
</html>


您需要引用所有这些javascript文件，以便DatePicker工作。您可以使用查找需要引用的javascript文件，并下载包含所需内容的自定义javascript文件：
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.core.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.calendar.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.popup.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.datepicker.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.data.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.list.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.combobox.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.dropdownlist.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.multiselect.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.validator.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.aspnetmvc.min.js"></script>

顺便说一句，如果你不想使用kendo的Html助手，你就不需要kendo.aspnetmvc.min.js
，如果你使用asp.net MVC，这不是我推荐的。使用kendo.aspnetmvc.min.js
，您甚至不需要脚本，只需将文本框（输入标记）替换为以下内容：
@(Html.Kendo().DatePicker().Name("TimeSlot"))

这已解决了来自控制台的错误消息。什么都没有发生。日期选择器字段附近不显示日历图标。你知道为什么吗？请用更多信息更新你的问题，例如，你在页面上看到的屏幕截图。有关更多详细信息，请参阅有关test.html页面的编辑，该页面在原始问题中不起作用。你的日期选择器在哪里？您的页面上只有一些脚本。另外，您仍然缺少kendo.aspnetmvc.min.js。我看不到kendo.aspnetmvc.min.js文件。它是剑道UI核心的一部分吗？
@(Html.Kendo().DatePicker().Name("TimeSlot"))