I came across this very cool jQuery based date time picker. There were some bugs initially in this code, but the owner of this blog (Dan) is a very helpful person. On my request he fixed the issues and sent me the updated code.
I have tested it on IE, Firefox, Chrome and Opera, and it works on all. For trying this awesome date-time picker click here.
Here is the picture of this picker:
jQuery date time picker
Rohit Aggarwal
Rohit Aggarwal 
I tried to use this script (jQuery Calendar date time picker) But it didn’t work on IE7
Comment by Ibrahim — January 12, 2010 @ 2:34 pm |
your code is not working on IE just have a look again and really this is nice tool that integrate both data and time.
Comment by Anil — March 2, 2010 @ 3:58 pm |
It doesn’t work in I.E. please check this..
Comment by shiv — March 5, 2010 @ 2:48 pm |
I am interested in this calendar thing.
It is possible for you to send me all the necessary code. I don’t have a websites. It just for my project. Thanks. ^^
Comment by Clara — July 9, 2010 @ 8:47 am |
I liked this quite a bit!… but, it’s taking a javascript error in IE 8 when in IE7 compatibility mode.
Is there any way around this? If so… does it also support a scroller for seccnds?
Comment by brad peek — September 1, 2010 @ 1:57 pm |
Cool Thanks for sharing! I’m going to try and integrate it into my website.
Comment by Dusty — October 13, 2010 @ 7:16 pm |
how to change year range
Comment by arpit vani — July 10, 2012 @ 8:28 am |
Hi,
Could you please tell me how to display Current DateTime in input box or is it necessary to specify default date in input as i am not able to select any date without it?
Comment by Shweta — October 22, 2010 @ 5:24 am |
good work man!
Comment by Senthil Kumar — October 30, 2010 @ 6:37 am |
Hi Rohit,
I was just trying the date time picker and for some reason the today function was not working in the demo link you have given.
Waiting for reply.
Thanks
Comment by Mayank — November 10, 2010 @ 9:17 am |
Very lightweight and easy to use.
Thank you!!!
Comment by nibblersrevenge — August 29, 2011 @ 9:50 am |
Answer to comment #7
change the parseTime function to the following:
function parseTime(obj) {
var time;
try {
time = ($(obj).val() || $(this).val()).split(” “);
} catch (e) {
time = [’00-00-00′, ’00:00:00′];
}
if (time.length < 2) {
time = ['00-00-00', '00:00:00'];
}
$('#pickerplug').data('lastdate', time[0]); //lastdate = time[0];
$('#pickerplug').data('lasttime', time[1]); //lasttime = time[1];
time = time[1].split(":");
if (time.length < 2) {
time = ['00', '00', '00'];
}
var hour = time[0] || '00';
var minute = time[1] || '00';
writeTime(hour, 'hour');
writeTime(minute, 'minute');
$('#hourSlider').slider('option', 'value', hour);
$('#minuteSlider').slider('option', 'value', minute);
$('#datepickerTimePickerPlugin').datepicker(
'setDate',
$.datepicker.parseDate(
datepicker_def['dateFormat'],
$('#pickerplug').data('lastdate')
));
}
Comment by nibblersrevenge — August 29, 2011 @ 12:44 pm |
very nice calender..but how download this??
Comment by Resmi — November 19, 2011 @ 7:08 am |
It is JS and JQuery. You can save the page as ‘complete page’ and you will save all js files as well.
Comment by Rohit Aggarwal — December 1, 2011 @ 11:48 pm |
good work. but issue with IE7
Comment by jobin george — April 26, 2012 @ 6:28 am |
Very nice calender.I need to change the code in jquery_ui_datetimepicker.js file.Am using the datepicker two times in same page.so i need different id while getting in js file.so which id is used for her.Whenever am changed the text box id that is not applicable for the datepicker.i get same id as “Datepicker”. how to change this Id & where? Thanks in advance.
Comment by Renuka — June 7, 2012 @ 7:25 am |
can u send me complete above jquery ui datetimpicker code downloading link
Comment by lalith — June 20, 2012 @ 7:56 am |