jQuery Datepicker minDate not set

Question

I have two datepickers 'startDate' and 'targetDate'.I want to set the minDate of the 'targetDate' as the value of 'startDate'.The following code is not working.ie,the minDate of 'targetDate' is not set.

$("#startDate").datepicker({ changeMonth : true, changeYear : true, dateFormat : "dd-M-yy", minDate : 0, showMonthAfterYear : true, onClose : function() { $(this).toggleClass('ui-state-focus'); } }); $("#targetDate").datepicker({ changeMonth : true, changeYear : true, dateFormat : "dd-M-yy", minDate : new Date($("#startDate").val()), showMonthAfterYear : true, onClose : function() { $(this).toggleClass('ui-state-focus'); } });

calling from this text box. <form:input path="targetDate" id="targetDate" /> — psms
– psms, Commented Aug 19, 2014 at 7:34
As per stackoverflow.com/questions/16267903/… - you need to change the minDate of the targetDate datepicker during the onClose event of the startDate datepicker. — Jamie Dunstan
– Jamie Dunstan, Commented Aug 19, 2014 at 7:38

Satpal · Accepted Answer · 2014-08-19 07:38:23Z

You need to set min-date of targetDate in onSelect event of startDate

Called when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this refers to the associated input field.

Use

$('#startDate').datepicker({ onSelect: function(selectedDate) { $('#targetDate').datepicker('option', 'minDate', selectedDate); } });

DEMO

Collectives™ on Stack Overflow

jQuery Datepicker minDate not set

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related