For those that still have problems, you have to download the language file your want from here: https://github.com/jquery/jquery-ui/tree/master/ui/i18n and then include it in your page like this for example(italian language): <script type=”text/javascript” src=”https://stackoverflow.com/scripts/jquery.ui.datepicker-it.js”></script> then use zilverdistel’s code 😀
There is the beforeShowDay option, which takes a function to be called for each date, returning true if the date is allowed or false if it is not. From the docs: beforeShowDay The function takes a date as a parameter and must return an array with [0] equal to true/false indicating whether or not this … Read more
Update: There are reports this no longer works in Chrome. This is concise and does the job (obsolete): $(“.date-pick”).datepicker(‘setDate’, new Date()); This is less concise, utilizing chaining allows it to work in chrome (2019-06-04): $(“.date-pick”).datepicker().datepicker(‘setDate’, new Date());
You can use the datepicker’s onSelect event. $(“.date”).datepicker({ onSelect: function(dateText) { console.log(“Selected date: ” + dateText + “; input’s current value: ” + this.value); } }); Live example: $(“.date”) .datepicker({ onSelect: function(dateText) { console.log(“Selected date: ” + dateText + “; input’s current value: ” + this.value); } }) .on(“change”, function() { console.log(“Got change event from … Read more
You can set the year range using this option per documentation here http://api.jqueryui.com/datepicker/#option-yearRange yearRange: ‘1950:2013′, // specifying a hard coded year range or this way yearRange: “-100:+0″, // last hundred years From the Docs Default: “c-10:c+10” The range of years displayed in the year drop-down: either relative to today’s year (“-nn:+nn”), relative to the currently … Read more
Here’s a hack (updated with entire .html file): <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”> <head> <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js”></script> <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js”></script> <link rel=”stylesheet” type=”text/css” media=”screen” href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css”> <script type=”text/javascript”> $(function() { $(‘.date-picker’).datepicker( { changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: ‘MM yy’, onClose: function(dateText, inst) { $(this).datepicker(‘setDate’, new Date(inst.selectedYear, inst.selectedMonth, 1)); … Read more