jquery-ui-datepicker

I use jQuery datetimepicker which was extended from jQuery datepicker to pick not only date but time too. I want to set date/time format this way: dd-mm-yyyy @ hh:mm $('#timePicker').datetimepicker({ dateFormat: 'dd:mm:yyyy', separator: ' @ ', minDate: new Date() }); But this does not work. I get date/time in following format: Thu Jan 27 2011 02:05:17 GMT+0100 Is there any javascript function to format this date/time? If not how do I do that using the plugin? Check out my code: FIDDLE Skilldrick Here you go . $('#timePicker').datetimepicker({ // dateFormat: 'dd-mm-yy', format:'DD/MM/YYYY HH:mm

How do I reset the datepicker calendar values?.. The min and max date restrictions? The problem is that when I clear the dates (by deleting the textbox values), the previous date restrictions are still applied. I've been sorting through the documentation and nothing jumped out as a solution. I also wasn't able to find a quick fix on a SO/google search http://jsfiddle.net/CoryDanielson/tF5MH/ Solution: // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click',

I want to show two months using bootstrap datepicker. After search on google I am not able to find how to show multiple months using bootstrap datepicker. I found that I can use JQuery UI for displaying multiple months. But problem is: In my application they are using bootstrap date picker. When I am trying to use JQuery UI datepicker then Bootstrap datepicker override it and I am not able to see JQuery UI datepicker. Could you please suggest how to replace bootstrap datepicker to JQuery UI? I wanted to achieve this: http://jqueryui.com/datepicker/#multiple-calendars This issue can be solved

This is my code and it is not working correctly. I want to set minDate to the current date. How can I do it? $("input.DateFrom").datepicker({ changeMonth: true, changeYear: true, dateFormat: 'yy-mm-dd', maxDate: 'today', onSelect: function(dateText) { $sD = new Date(dateText); $("input#DateTo").datepicker('option', 'minDate', min); } You can specify minDate as today by adding minDate: 0 to the options. $("input.DateFrom").datepicker({ minDate: 0, ... }); Demo : http://jsfiddle.net/2CZtV/ Docs : http://jqueryui.com/datepicker/#min-max You can use the minDate property, like this: $("input

I have a form with an date field with a jquery datepicker attached to it. When I select the date field the datepicker pops up but then the iPad keyboard slides into view and obscures the datepicker. How do I prevent the keyboard from popping up in this situation? I used a slightly modified version of Rob Osborne's solution and it successfully prevented the keyboard from popping up on the iPad and iPhone. $(".datePicker").datepicker({ showOn: 'button', onClose: function(dateText, inst) { $(this).attr("disabled", false); }, beforeShow: function(input, inst) { $(this).attr("disabled", true); } })

Is it possible to disable future date from today? Let say today is 23/10/2010, so 24/10/2010 onwards are disabled. Sorry I am very new in jQuery and JavaScript. Cyril Gupta Yes, indeed. The datepicker has the maxdate property that you can set when you initialize it. Here's the codez $("#datepicker").datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) }); $(function() { $("#datepicker").datepicker({ maxDate: '0'}); }); JAY Code for Future Date only with disable today's date. var d = new Date(); $("#delivdate").datepicker({ showOn: "button", buttonImage: base_url+"images/cal.png",