Develop Reference

Javascript Datepicker issue in browser

I know that if we need to display the Date picker in HTML page we have to use Javascript. If the Javascript is disabled in the web browser how can i display the date picker. Can you help me to solve this problem..? Thanks in advance.

You can use HTML5 input type=date; read more about it in the w3 website http://www.w3.org/TR/html-markup/input.date.html or in several other high quality sources: https://google.com/search?q=html5+input+date+-w3schools

can't find normal DateTimePicker

I have question, i'm creating project and in them i'm need to create datetimepicker,
standart datetime i can't use because firefox doesn't support this item, jquery i can't use because they didnt work (i guess problem in using jquery items before in my project). Where i can find analogs, please give me some links, or code with example.
Some like this, working only in chrome and IE, but not in firefox :
<input type="datetime-local" name="bdaytime">
Really thanks all for the help!

Do not use type="datetime-local"
Instead use type="datetime"
W3C HTML has dropped input type#datetime-local; "little independent
value & source of potential developer confusion"
Source

Jquery date and timepickers works as charm in all projects. I think, that you have problems with them because of conflicts with other libraries, such as MooTools or prototype.
Read that article about resolving jquery conflicts:
http://api.jquery.com/jquery.noconflict/
And as for dateTimepicker, i recommend:
http://trentrichardson.com/examples/timepicker/
Also, if you really need clock picker (analog clock), you should try and look for http://www.jqueryscript.net/demo/jQuery-Clock-Style-Time-Picker-Plugin-For-Bootstrap-3-clockpicker/

Could not enter date manually using jqxDateTimeInput

We are using jqxWidgets as a part of UI in our project.
To display the date we are jqxDateTimeInput widget.
The problem here is we could not manually input the date without using calendar icon. But in the demo shown in jqxwidget website in the link below the date can be edited manually.
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdatetimeinput/index.htm#demos/jqxdatetimeinput/defaultfunctionality.htm
Does anyone what should be done to make the date field to be edited manually?
Is there any license restriction on this?
We are yet to get the license and now we are using trial version.
- JS extract:
$("#fromDate").jqxDateTimeInput({
width : 200,
height : 25,
formatString : "dd/MMM/yyyy",
theme: theme
});

Same problem, adding globalize.js helped

I had the same problem here. I spend a lot of hours to fix it, but I got it! I had 2 calls of jQuery: one in the main file, with 1.9.1 version and another in my grid file, with 1.10.2 version. After removing the call of 1.9.1 version, I solved the problem. Check your jQuery calls and try again.

Is there a good JS ranged datepicker control out there?

I'm looking for a JS control that provides a similar experience to the datepicker on Google Analytics

You could try the jQueryUI datepicker, it's very effective and easy to set up.
http://jqueryui.com/demos/datepicker/

There is also an extension for the date picker from JqueryUI and a tutorial here:
http://weblogs.asp.net/alaaalnajjar/archive/2010/05/04/how-to-use-jquery-date-range-picker-plugin-in-asp-net.aspx

jQuery Date Range Picker giving error in Google Chrome

I am using the jQuery Date Range Picker by the filament group.
My code is such that I'm dynamically creating a textbox or rather an AJAX query returns HTML of a form. When I dump the HTML onto my page I call a script that invokes the daterangepicker() function supposed to turn an inputbox into a date range picker.
My code works perfectly fine in Firefox and Internet Explorer, however it just dies in Google Chrome. The script doesn't run and I get this error in the logs:
Uncaught Error: INVALID_NODE_TYPE_ERR: DOM Range Exception 2
What could be the problem here? I really need to fix this - the exception is thrown within the core jQuery code. The date picker seems to work fine when I view the site demo.
You don't suppose it has something to do with being called to attach to an element that is created by an AJAX query at run time. Whatever the issue I need to get this working pronto and would appreciate any kind of help.

I had the same problem, and Chrome debugger notes the error is in the Jquery library version 1.3.2
I looked at the source for filaments daterangepicker demo page, and it turns out they are using jquery library 1.3.1
... src="js/jquery-1.3.1.min.js"
I ran a test using 1.3.1 instead of 1.3.2 and that worked for my site.
I recommend to test for browser and use 1.3.1 in the case that the user is using chrome.
All the Best,
Yehuda

several people report that this functionality is broken in Chrome. Maybe you should look out for alternatives.