MVC4 jQuery UI does not work

Question

I cannot get jQuery UI working in my ASP.NET MVC4 application. I tried dialog and datepicker. Here is part of the code of my view.

Answer 1

I spent lots of time to figure out how to make it working.

Finally the steps are following:

1. Create ASP .NET MVC4 project Internet Application.

2. Clean some of the last lines of the _Layout.cshtml so it should look like this

   
           
   
               
   
                   
   © @DateTime.Now.Year - My ASP.NET MVC Application
               
           
       
   
       @RenderSection("scripts", required: false)
   

3. Change header like I did here

 
        
        
        
        
        @Styles.Render("~/Content/css")
        @Styles.Render("~/Content/themes/base/css")
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/jqueryui")
        @Scripts.Render("~/bundles/modernizr")
        
    

4. Delete all code after @section featured { section and add some html to Home/Index.cshtml

   A. Put some code from the view source link of http://jqueryui.com/tabs/ page (It is inside of < div id="tabs" > ... < div >)

   B. Add this

< div > Date: < input id="datep" type="text" / > < / div >

DONE!!!