Getting datepicker starting value after selecting another value from another datepicker

Question

So the idea is I have 2 datepickers. I want to get the second datepicker minDate value by selecting the first datepicker value. For instance: If I choose the first datepicker value to be 22-03-2015 the second datepicker value will start from 23-03-2015 or If I choose 13-05-2015 the second datepicker value will start from 14-05-2015. How do I achieve that. This is what i tried:

$(".datepicker").datepicker({
     minDate: 'today',
     yearRange: "2015:2016",
     dateFormat: 'dd-mm-yy' 
});
$(".datepicker2").datepicker({
     minDate: 1,
     yearRange: "2015:2016",
     dateFormat: 'dd-mm-yy' 
});

score 0 · Answer 1 · edited May 23 '17 at 12:12

0

You can subscribe to the onSelect event assuming you are using 'jquery datepicker'

JQuery Datepicker onchange event help!

edited May 23 '17 at 12:12

Community

1
1

answered Mar 22 '15 at 11:58

SkelDave

1,176
2
9
23

score 0 · Accepted Answer · answered Mar 22 '15 at 12:03

You can reset the minDate option for datepicker2 after datepicker1's value has changed:

HTML:

<input id="datepicker1" />
<input id="datepicker2" />

jQuery:

$("input").datepicker();

$("#datepicker1").change(function() {
   var minDate = $(this).val();
   $("#datepicker2").datepicker("option", "minDate", minDate);
});

http://jsfiddle.net/ke8LowuL/

Getting datepicker starting value after selecting another value from another datepicker

2 Answers2