Kendo UI DatePicker答案

【问题标题】：Kendo UI DatePickerKendo UI DatePicker
【发布时间】：2012-10-29 07:47:51
【问题描述】：

我正在使用 kendo ui。但是当点击输入字段时 datepicker 不起作用，datepicker 没有出现。请说明如何在我的 .aspx 页面中调用 kendo datepicker()。
我的代码是

<script src="Js/jquery1.7.1.min.js" type="text/javascript"></script>   
<script src="Js/jquery-ui-1.8.7.min.js" type="text/javascript"></script>
<script src="CSS/kendo.all.min.js" type="text/javascript"></script>
<script type="text/javascript" src="CSS/kendo.web.js"></script>
<script src="CSS/console.js" type="text/javascript"></script>    
<script type="text/javascript">
   $(document).ready(function() {
       $("#date").kendoDatePicker();
    });
</script>     
</head>
<body>
<form id="form1" runat="server">
        <div  style="width: 155px;">
            <input id="date" />
        </div>
</form>
</body>

【问题讨论】：

你遇到了什么错误？
你已经准备好了一个问题的答案，你完全改变了它！也许考虑接受解决您第一个问题的答案，然后再提出一个新问题。
我的第一个问题得到了答案。现在我想将选定的日期绑定到一个 asp .net 标签
如果你得到了答案，那就接受它，不要改变问题，并提出一个新的问题。如果您更改问题，来这里的人将无法理解答案在说什么，因为这是您试图完全改变的问题。
删除所有其他 javascript 和 css 引用，除了 kendo 之外，它会起作用。

标签： jquery asp.net kendo-ui

【解决方案1】：

乍一看，我注意到您正在加载 kendo.web.js 和 kendo.all.js，这是不正确的。选择其中一个脚本并加载 CSS 文件。 Check the related docs.Here is a working jsBin demo.

【讨论】：

【解决方案2】：

您的表单中必须有一个输入字段。

 <input id="date">

然后在脚本中使用以下内容

$("#date").kendoDatePicker();

【讨论】：

对不起，我没有向下滚动。那你做对了。只是您的脚本没有正确包含。

【解决方案3】：

变化：

<script src="CSS/kendo.all.min.js" type="text/javascript"></script>
<script type="text/javascript" src="CSS/kendo.web.js"></script>
<script src="CSS/console.js" type="text/javascript"></script>

收件人：

<script src="js/kendo.all.min.js" type="text/javascript"></script>
<script src="js/console.js" type="text/javascript"></script>

您不需要 kendo.web.js。我假设您的 CSS 目录中没有 JavaScript 文件。

【讨论】：