jQuery Forum

My HTML Markup :

1. Day 1 < input type = "text" id = "datepicker1" name = "datepicker1" /> < br />
2.   Day 2 < input type = "text" id = "datepicker2" name = "datepicker2" /> < br />
3.   Day 3 < input type = "text" id = "datepicker3" name = "datepicker3" />< br />
4.   Day 4 < input type = "text" id = "datepicker4" name = "datepicker4" />< br />
5.   Day 5 < input type = "text" id = "datepicker5" name = "datepicker5" />< br />
6.   Day 6 < input type = "text" id = "datepicker6" name = "datepicker6" />< br />
7.   Day 7 < input type = "text" id = "datepicker7" name = "datepicker7" />< br />

JavaScript Which i used :

1. var dates = $("#datepicker1, #datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7").datepicker({ minDate: "0", maxDate: "+2Y", defaultDate: "+1w", dateFormat: 'mm/dd/yy', numberOfMonths: 1, onSelect: function(date) { for(var i = 0; i < dates.length; ++i) { if(dates[i].id < this.id) $(dates[i]).datepicker('option', 'maxDate', date); else if(dates[i].id > this.id) $(dates[i]).datepicker('option', 'minDate', date); } } });

My JsFiddle Demo

I got that useful script on JsFiddle. There date disabling properly after select 1 date. But i need to use that for 7 date. So anyone help me to use that useful script for me in my jsfiddle example!

## I want date will be just disable after select for next datepicker.

I want user cant add same date again and again. Please look that jsfiddle.net/SirDerpington/h3wGx/4 jsfiddle there you cant select same day. I want this similar way in my script for 7 days