jquery-ui-datepicker

Try to limit the date selection between today and 31st Dec of next year. $(function() { $('.public-holiday-date-pick').datepicker({ minDate: '0', yearRange: '-0:+1', maxDate: ??? hideIfNoPrevNext: true }); }); How should I define maxDate ? tried few things like '31 12 +1', or just 'last day of next year', did not work. 1) First get today's using var today = new Date(); 2) Similarly set the lastDate as below var lastDate = new Date(today.getFullYear() +1, 11, 31); The value in lastDate will be like lastDate = 31 December, today's year +1 Finally set the lastDate as maxDate var today = new Date(

I'm using JQuery UI Datepicker for users to select their date of birth (DOB). My codes are as follows :- $('#DOB').datepicker({ changeMonth: true, changeYear: true, maxDate: new Date(), yearRange: '-100:+0' }); However, I noticed today that since its January, its not showing the rest of the months, (Feb to Dec) unless I changed the year to previous year. I did a temporary solution by adding another option showMonthAfterYear: true Its not a perfect fix as its only "pushing" users to select the year before selecting the months. Another solution was to change the options as shown below yearRange:

i have code on the onSelect event of the jquery ui datepicker and i now want to only run my function if the date has changed values (so if a user selects a date that was already there in the textbox, i don't want to run this code as it will be a redundant calculation). Here is my existing code. $('#Milestone').datepicker({ dateFormat: 'dd M yy', onSelect: calcUpdate }); You can use data to store previously stored value and compare the current value to it. Try this(put these statements in your document ready event): $('#Milestone').data("prev", $(this).val()); $('#Milestone').datepicker({

I must be missing some setting or something, but when I use the back button the datepicker jumps to 1899 from the current year. Has anyone else seen this and fixed it? (You can see the different combos I've commented out.) $('.dialog-search,#from') .datepicker({ defaultDate: 'c-1m', dateFormat: 'yymmdd', //changeMonth: true, changeYear: true, showAnim: 'fadeIn', duration: 200, //gotoCurrent: true, showOtherMonths: true, selectOtherMonths: true, currentText: 'Now', shortYearCutoff: '+20', //showWeek: true, //firstDay: 1, numberOfMonths: 1, showButtonPanel: true, yearRange: 'c-200:c', onSelect:

I need to make a few simple changes to the Datepicker HTML generated by the jQuery UI Datepicker e.g. adding some brief text after the calendar table. I have been trying to do this using the beforeShow event, but while I can access the current HTML using this, manipulating it does not work: beforeShow: function(input, inst) { //#this works alert($('#ui-datepicker-div').html()); //#this does nothing $('#ui-datepicker-div').append('message'); } I think this might be because the Datepicker HTML elements are added to the Dom later and therefore the live method is needed to update the HTML, but I