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
$(“.datepicker”).datepicker({maxDate: ‘0’}); This will set the maxDate to +0 days from the current date (i.e. today). See: http://api.jqueryui.com/datepicker/#option-maxDate
That code should work, but you need to include the localization in your page (it isn’t included by default). Try putting this in your <head> tag, somewhere after you include jQuery and jQueryUI: <script type=”text/javascript” src=”https://raw.githubusercontent.com/jquery/jquery-ui/master/ui/i18n/datepicker-fr.js”> </script> I can’t find where this is documented on the jQueryUI site, but if you view the source of … Read more
Code: var date = new Date(‘2011′, ’01’, ’02’); alert(‘the original date is ‘ + date); var newdate = new Date(date); newdate.setDate(newdate.getDate() – 7); // minus the date var nd = new Date(newdate); alert(‘the new date is ‘ + nd); Using Datepicker: $(“#in”).datepicker({ minDate: 0, onSelect: function(dateText, inst) { var actualDate = new Date(dateText); var newDate … Read more
You need to make the call to setDate separately from the initialization call. So to create the datepicker and set the date in one go: $(“#mydate”).datepicker().datepicker(“setDate”, new Date()); Why it is like this I do not know. If anyone did, that would be interesting information.
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) });
You can use beforeShowDay to do this The following example disables dates 14 March 2013 thru 16 March 2013 var array = [“2013-03-14″,”2013-03-15″,”2013-03-16”] $(‘input’).datepicker({ beforeShowDay: function(date){ var string = jQuery.datepicker.formatDate(‘yy-mm-dd’, date); return [ array.indexOf(string) == -1 ] } }); Demo: Fiddle
I was trying to accomplish this very thing, that is, empty the datepicker so that filters entered by the user could be removed. Googling a bit I found this sweet piece of code: You can add the clear feature even on read only fields. Just add the following code to your datepicker: }).keyup(function(e) { if(e.keyCode … Read more
Maybe I am missing something, but isn’t this it? function randomDate(start, end) { return new Date(start.getTime() + Math.random() * (end.getTime() – start.getTime())); } const d = randomDate(new Date(2012, 0, 1), new Date()); console.log(d);
Here’s what I’m using: $(‘input.date’).datepicker({ beforeShow: function(input, inst) { inst.dpDiv.css({ marginTop: -input.offsetHeight + ‘px’, marginLeft: input.offsetWidth + ‘px’ }); } }); You may also want to add a bit more to the left margin so it’s not right up against the input field.