Hello,
Does Datepicker depends on JQuery version? I have both JQuery-1.8.2 and jQuery-2.0.3 in my Scripts folder. Please see below how it is referenced in BundleConfig.cs and _Layout.cshtml. However, the DatePicker does not show up and it's giving an error for the Date format. Please suggest.
BundleConfig.cs
bundles.Add(new ScriptBundle("~/bundles/site").Include(
"~/Scripts/jquery-{version}.js",
"~/Scripts/jquery-ui-{version}.js",
"~/Scripts/jquery.unobtrusive*",
"~/Scripts/jquery.validate*",
"~/Scripts/site.js"
));
undles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
"~/Scripts/kendo/kendo.all.min.js",
"~/Scripts/kendo/kendo.aspnetmvc.min.js"));
bundles.Add(new StyleBundle("~/Content/kendo/css").Include(
"~/Content/kendo/kendo.common.min.css",
"~/Content/kendo/kendo.default.min.css"));
_Layout.cshtml
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/kendo/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/kendo")
Does Datepicker depends on JQuery version? I have both JQuery-1.8.2 and jQuery-2.0.3 in my Scripts folder. Please see below how it is referenced in BundleConfig.cs and _Layout.cshtml. However, the DatePicker does not show up and it's giving an error for the Date format. Please suggest.
BundleConfig.cs
bundles.Add(new ScriptBundle("~/bundles/site").Include(
"~/Scripts/jquery-{version}.js",
"~/Scripts/jquery-ui-{version}.js",
"~/Scripts/jquery.unobtrusive*",
"~/Scripts/jquery.validate*",
"~/Scripts/site.js"
));
undles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
"~/Scripts/kendo/kendo.all.min.js",
"~/Scripts/kendo/kendo.aspnetmvc.min.js"));
bundles.Add(new StyleBundle("~/Content/kendo/css").Include(
"~/Content/kendo/kendo.common.min.css",
"~/Content/kendo/kendo.default.min.css"));
_Layout.cshtml
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/kendo/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/kendo")
5 Answers, 1 is accepted
0
Accepted
Hi,
For some reason ASP.NET bundles don't include .min.js files in debug mode. I suspect this is why it doesn't work in your case - the kendo js files are never included. You can check the following help article for a solution: http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/asp-net-mvc-5#include-the-javascript-and-css-files
Regards,
Atanas Korchev
Telerik
For some reason ASP.NET bundles don't include .min.js files in debug mode. I suspect this is why it doesn't work in your case - the kendo js files are never included. You can check the following help article for a solution: http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/asp-net-mvc-5#include-the-javascript-and-css-files
Regards,
Atanas Korchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Steve
Top achievements
Rank 1
Rank 1
answered on 05 Dec 2013, 05:15 PM
I followed the directions at http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/asp-net-mvc-5 explicitly, and things work until the end where I add a datepicker, then I get the error 'jQuery is undefined'. Brand new MVC5 project trying to add the latest Kendo UI bits.
Is there a fully-working downloadable sample available that can be used for comparison?
Thanks.
0
Hi,
You have probably missed this step:
7. Move the jQuery bundle in the head tag of the page. It is at the end of the page by default.
Regards,
Atanas Korchev
Telerik
You have probably missed this step:
7. Move the jQuery bundle in the head tag of the page. It is at the end of the page by default.
Regards,
Atanas Korchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Steve
Top achievements
Rank 1
Rank 1
answered on 06 Dec 2013, 04:36 PM
I did not miss that step. The direction for (7) is confusing. It says "move the jQuery bundle".... Move it where?
Since it was not clear, I added some extra newlines and then went to step 8, so the code looks like this:
Since it was not clear, I added some extra newlines and then went to step 8, so the code looks like this:
...top of page code removed...<div class="container body-content"> @RenderBody() <hr /> <footer> <p>© @DateTime.Now.Year - My ASP.NET Application</p> </footer> </div> @Scripts.Render( "~/bundles/jquery" ) @Scripts.Render( "~/bundles/kendo" ) @Scripts.Render("~/bundles/bootstrap") @RenderSection("scripts", required: false)</body></html>0
Steve
Top achievements
Rank 1
Rank 1
answered on 06 Dec 2013, 04:57 PM
I now see that I followed the directions a little too closely.
What says
7. Move the jQuery bundle in the head tag of the page. It is at the end of the page by default.should say
7. Move the jQuery bundle *BEFORE THE CLOSING TAG OF </HEAD> AT THE TOP* of the page. It is at the end of the page by default.