Using the HTML5 and jQuery UI Datepicker Popup Calendar with ASP.NET MVC - Part 4http://www.asp.netWed, 15 May 2013 23:47:05 GMTumbracoComments for Using the HTML5 and jQuery UI Datepicker Popup Calendar with ASP.NET MVC - Part 4enComment Posted by basbakhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Mon, 12 Sep 2011 13:09:59 GMT00000000-0000-0000-0000000014176Thogh I get a problem with GUI of the DatePicker, it spaces the days.

Any remedies?

]]>Comment Posted by solutionproider07http://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Wed, 02 Nov 2011 16:16:07 GMT00000000-0000-0000-0000000014549For nullabel date code did not work...

Then i change code little . it works.

@model Nullable<DateTime>

@{

DateTime dt =(DateTime) ((Model == null )? DateTime.Now : Model);

@Html.TextBox("", String.Format("{0:d}", dt.ToShortDateString()), new { @class = "datefield", @type = "date" })

}

nice Article

]]>Comment Posted by jkdufairhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Wed, 16 May 2012 12:00:53 GMT00000000-0000-0000-0000000015520Super helpful tutorial. Thanks for posting this, especially the datepicker jquery stuff and templating.

]]>Comment Posted by velteynhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Tue, 29 May 2012 06:45:14 GMT00000000-0000-0000-0000000015618How can I format the date into italian way: 13/03/1978 ?

]]>Comment Posted by davecenkerhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Wed, 18 Jul 2012 16:31:42 GMT00000000-0000-0000-0000000016006I have struggled with this tutorial in MVC4 for quite some time. I am not sure if it is a browser setting or not, but I am able to get the Javascript function 'datepicker' to be recognized in Google Chrome, but every time I try to run it in IE9, I keep getting the dreaded JScript runtime error: Object doesn't support property or method 'datepicker'. Has anyone else gotten this to successfully run in MVC4 under IE9?

]]>Comment Posted by jaimemlhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Tue, 11 Sep 2012 04:03:03 GMT00000000-0000-0000-0000000016413Thanks for the tutorial!

I am using VS2012 and ASP.NET MVC 4 and cannot get the datetime picker displayed in IE9. In Chrome I see the HTML 5 datepicker.

Does anyone know how to check and solve this problem?

Thanks.

]]>Comment Posted by ActualRandyhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Tue, 25 Sep 2012 14:08:31 GMT00000000-0000-0000-0000000016510Hi Rick - when you use the JQuery function get(0), you only work with the 0th date field on the page. You should use the jQuery each function to work with every date field on the page, like this:

if (!Modernizr.inputtypes.date) {

$(function () {

$("input[type='date']").datepicker().each(function () {

$(this).setAttribute("type", "text");

});

});

}

This code works if you have more than one date field on the page

]]>Comment Posted by GIRISH4Uhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Mon, 22 Oct 2012 07:34:46 GMT00000000-0000-0000-0000000016661HAi ! Rick thanks for u r valuebale content it helps learner like meee alot

]]>Comment Posted by syed.jamilhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Thu, 22 Nov 2012 12:03:19 GMT00000000-0000-0000-0000000016860while installing date time picker as nuget package this error is showing :

Install failed. Rolling back...

Updating 'jQuery 1.8.2' to 'jQuery 1.4.4' failed. Unable to find a version of 'upshot' that is compatible with 'jQuery 1.4.4'.

How can I solve this.

]]>Comment Posted by rstghttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Mon, 21 Jan 2013 12:36:38 GMT00000000-0000-0000-0000000018219I fiddled around a lot to get the datepicker running on VS 2012, MVC 4, Windows 8, and IE 10. After all, I found the crucial hint on stackoverflow.com/

I had to remove the line "@Scripts.Render("~/bundles/jquery")" from the bottom of _Layout.cshtml.

In the <head/> section of _Layout.cshtml, I replaced "jquery.ui.core.min.js" by "jquery-1.7.1.min.js" and "jquery.ui.datepicker.min.js" by "jquery-ui-1.8.20.min.js".

Hth

Stefan

]]>Comment Posted by shamimbd0http://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Tue, 05 Feb 2013 04:44:30 GMT00000000-0000-0000-0000000018343Good delivery!

]]>Comment Posted by dwelford2014http://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Wed, 20 Feb 2013 13:25:19 GMT00000000-0000-0000-0000000018473I was getting an runtime error with the DatePickerReady.js - removed the <script src="@Url.Content("~/Scripts/jquery.ui.core.min.js")"

and Used @Styles.Render and @Scripts.Render

@Styles.Render("~/Content/css")

@Styles.Render("~/Content/themes/base/jquery.ui.core.css")

@Styles.Render("~/Content/themes/base/jquery.ui.datepicker.css")

@Styles.Render("~/Content/themes/base/jquery.ui.theme.css")

@Scripts.Render("~/bundles/modernizr")

@Scripts.Render("~/bundles/jquery")

]]>Comment Posted by randyellefsonhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Mon, 11 Mar 2013 08:36:40 GMT00000000-0000-0000-0000000018646Please update this. When trying to install datepicker, I get this error (I have newer version of JQuery already installed):

Attempting to resolve dependency 'jQuery (≥ 1.4.4 && ≤ 1.5)'.

Successfully installed 'jQuery 1.4.4'.

Successfully installed 'jQuery.UI.Core.Widget 1.8.9'.

Install failed. Rolling back...

Updating 'jQuery 1.7.1.1' to 'jQuery 1.4.4' failed. Unable to find a version of 'jQuery.UI.Combined' that is compatible with 'jQuery 1.4.4'.

]]>Comment Posted by randyellefsonhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Mon, 11 Mar 2013 09:11:09 GMT00000000-0000-0000-0000000018648Okay answered my own question. I created a new Visual Studio solution, added the package there, then grabbed the js files and copied them over to my real solution.

]]>Comment Posted by jsiahaanhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Fri, 22 Mar 2013 19:20:31 GMT00000000-0000-0000-0000000018767This date picker works when I run my application. Unfortunately It is not work when I deploy to IIS 8, I use IE10, FireFox, and Chrome all the same.

Is there any setting that I miss? Please I do need help

]]>Comment Posted by epolyakhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Sun, 05 May 2013 14:23:51 GMT00000000-0000-0000-0000000019041Hi Rick.

it is a problem:

When trying to install datepicker, I get this error (I have newer version of JQuery already installed):

Attempting to resolve dependency 'jQuery (≥ 1.4.4 && ≤ 1.5)'.

Successfully installed 'jQuery 1.4.4'.

Successfully installed 'jQuery.UI.Core.Widget 1.8.9'.

Install failed. Rolling back...

Updating 'jQuery 1.7.1.1' to 'jQuery 1.4.4' failed. Unable to find a version of 'jQuery.UI.Combined' that is compatible with 'jQuery 1.4.4'.

Do you have an answer?

Thank!

]]>Comment Posted by sukumarrajuhttp://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-4Wed, 15 May 2013 23:47:05 GMT00000000-0000-0000-0000000019113It is obscure and quite disappointing after spending half - night sleep, simple date picker control is not working.

MVC 4 - VS 2010 NuGet manager throws exception

Attempting to resolve dependency 'jQuery (≥ 1.4.4 && ≤ 1.5)'.

Successfully installed 'jQuery 1.4.4'.

Successfully installed 'jQuery.UI.Core.Widget 1.8.9'.

Install failed. Rolling back...

Updating 'jQuery 1.7.1.1' to 'jQuery 1.4.4' failed. Unable to find a version of 'jQuery.UI.Combined' that is compatible with 'jQuery 1.4.4'.

]]>