【问题标题】:How can I create a datepicker using kendo UI core如何使用 kendo UI 核心创建日期选择器
【发布时间】:2014-04-19 20:51:37
【问题描述】:

我下载了 Kendo UI Core,然后包含了 kendo.ui.core.min.js 和 kendo.bootstrap.min.css 文件。添加了捆绑包等。所以我试图创建一个日期选择器来做这个

<input class='k-widget k-calendar' id='StartingDate'></input>

<script type="text/javascript"> 
  $(function () {
      $('#StartingDate').kendoDatePicker();
  })
</script> 

但它不起作用。方法 kendoDatePicker() 不存在。我查看了 JS,看起来他们正在使用 DateView,但这也不起作用。是否有不同的方法,或者我错过了什么来完成这项工作?

【问题讨论】:

  • 您是按什么顺序包含 jQuery 和 kendo.ui.core 的? jQuery 必须先加载
  • 是的 jquery 被首先加载
  • 因为我看到“MVC”标签,我假设你使用的是 VS - 你确定你没有两次包含 jQuery,一次在页面/布局的末尾VS 模板?
  • 是的,它也在底部。

标签: jquery asp.net-mvc-4 kendo-ui kendo-datepicker


【解决方案1】:

您需要确保在 kendo.ui.core 之前包含 jQuery(以便 Kendo UI 可以在 $.kendoWidgetName 中设置小部件)并且您只包含一次 jQuery(因此 $ 变量 Kendo UI 自行设置in 不会被覆盖)。

【讨论】:

  • 谢谢 Lars,你知道为什么默认模板会包含 jquery 两次吗?
  • 我想你可能在添加 Kendo UI 文件时自己包含了它,而另一个是通过类似 @Scripts.Render("~/bundles/jquery") 最后创建的_Layout 文件的
  • 有可能。再次感谢您的帮助。
  • 我的设置完全相同,也遇到了同样的问题。但执行所有这些步骤时,我仍然收到以下 JavaScript 错误消息:kendoDatePicker 不是函数。有什么想法吗?
  • 好的,我发现了问题。我不小心包含了 kendo.core.min.js 而不是 kendo.ui.core.min.js
猜你喜欢
  • 2013-07-02
  • 1970-01-01
  • 1970-01-01
  • 2014-01-14
  • 1970-01-01
  • 1970-01-01
  • 2019-09-04
  • 2021-08-18
  • 2017-06-16
相关资源
最近更新 更多