Reader Level:
Article

jQuery UI Datepicker in MVC 4 Issue

By Abhimanyu K Vatsa on Oct 28, 2012
Today, I spent couple of hours in finding the best suited fix of this issue. Actually that was a very simple problem and we may fix it by adding another http request layer in the application but that was not a productive choice.

Today, I spent a couple of hours in finding the best suited fix of this issue. Actually that was a very simple problem and we may fix it by adding another http request layer in the application but that was not a productive choice.


If you create a MVC 4 application using "Internet" template, you will find the "BundleConfig.cs" file in the "App_Start" folder; open it.



You will notice there is a total of 6 bundles (jQuery and CSS) being processed. Now, open the "_Layout.cshtml" file and look at this image:



You will notice only three bundles are added by default. We have to add 2 more to enable the use of Datepicker.



Note to use the same ordering.


Now, on the view page use as follows:




Now if you run the application you will see your Datepicker working.




Hope this helps. Thanks.

Abhimanyu K Vatsa

Microsoft MVP | Author | IT Faculty | Student of M.Tech. IT | Blogs at ITORIAN.COM

Personal Blog: http://www.itorian.com

COMMENT USING