jQuery(...)。kendoDatePicker不是函数

时间:2017-05-29 18:22:59

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

为了让我的名声缩小,我不熟悉Kendo UI和其他东西,我读了很多关于这个错误,但是找不到任何可以帮助我的东西。

这是我的观点

@model ClothingSite.Models.Register
@using Kendo.Mvc.UI;
@{
    ViewBag.Title = "ThunderBird Clothes";
}
<head>
    <script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.web.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")"></script>

</head>

<h2>Title Legend</h2>
@(Html.Kendo().DatePicker().Name("Birthday"))
<link rel="stylesheet" href="@Url.Content("~/Content/styles/kendo.common.min.css")">
<link rel="stylesheet" href="@Url.Content("~/Content/styles/kendo.default.min.css")">

我错过了任何参考吗?我有来自Free Trial Telerik Kendo UI的脚本 而完整的错误

  

IndexButton:78 Uncaught TypeError:jQuery(...)。kendoDatePicker不是   一个功能       在HTMLDocument。 (Index键:78)       在我(jquery.min.js:2)       at Object.fireWith [as resolveWith](jquery.min.js:2)       在Function.ready(jquery.min.js:2)       在HTMLDocument.K(jquery.min.js:2)

2 个答案:

答案 0 :(得分:0)

你忘了添加主要的kendo ui JS文件。根据您的kendo ui版本,您可以在项目中添加kendo.all.min.js文件。

有关分步指导,请查看this

如果有任何疑虑,请告诉我。

答案 1 :(得分:0)

我通过确保没有重复调用jquery解决了此问题。就我而言(我使用的是ASP.Net Core),我在应用程序的默认布局中找到了对jquery.min.js的引用,例如

        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
            asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
            asp-fallback-test="window.jQuery"
            crossorigin="anonymous"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">

我还使用此链接包括了Telerik的受支持的JQuery版本(请注意,URL中的版本号应与您使用的Telerik的版本相匹配):

    <script src="https://kendo.cdn.telerik.com/2019.2.619/js/jquery.min.js"></script>

我的解决方法只是删除模板随附的版本,并在Telerik中使用经过测试的版本。