Jquery UI Datpicker excluding weekends minDate

Question

How do I make jQuery UI datepicker exclude weekends and also set minDate to a certain value like +2 / +3 (excluding weekends) ???

What I've tried:

$("#txtFromDate").datepicker({
    minDate: 4, 
    beforeShowDay: $.datepicker.noWeekends,
    changeMonth: true,
    changeYear: true
});

<input type="text" id="txtFromDate" />

For example When I select a Monday (like today 10th) and give 'minDate' as 10 , from 24th onwards should be enabled.

Can anyone please help me out? I want to be able to calculate the minDate value without including Saturdays and Sundays.

FIDDLE- http://jsfiddle.net/betrob/7DHVr/2/

Thank you

@Neha I added a fiddle in my answer. Can you optimize the code? — Shiva Avula, Feb 10 '14 at 06:42

Shiva Avula · Answer 1 · 2014-02-10T06:38:35.313

4

You can do the calculation manually and pass the next working day to the minDate like this.

// Calculate the next working day manually
    var startDate = new Date(),
    noOfDaysToAdd = 10,
    count = 1;

while(count <= noOfDaysToAdd){
    startDate.setDate(startDate.getDate() + 1);
    if(startDate.getDay() != 0 && startDate.getDay() != 6){
        count++;
    }
}

// Datepicker Init
$('#txtFromDate').datepicker({
    minDate: startDate,
    beforeShowDay: $.datepicker.noWeekends,
    changeMonth: true,
    changeYear: true
});

Here is a working demo. DEMO

edited Feb 10 '14 at 06:38

answered Feb 10 '14 at 06:28

Shiva Avula

1,836
1
20
29

this works for me but still looking for solution not using loop – artsylar Dec 09 '15 at 06:43

Neha · Accepted Answer · 2014-02-11T03:17:34.423

I have tried to optimize @Shiva logic to make it more faster. Hope its help, please feel free to point out any improvements or loopholes. :)

DEMO

var count = 10;
//Add the 2 days of weekend in numer of days .
var d = new Date();
count = count + (parseInt(count/5))*2;
d.setDate(d.getDate() +count);
//suppose its ending on weekend day then increment them manually.
if(d.getDay()>5) {  d.setDate(d.getDate()+ (d.getDay()-5)) ; } 

$(document).ready(function () {
   $("#txtFromDate").datepicker(
       { minDate: d, 
                beforeShowDay: $.datepicker.noWeekends,
                changeMonth: true,
                changeYear: true});
 });

Update: A bit more optimized.

this does not work if my count is 2 and the current day is friday (e.g. 12/11/2015). The answer should be 12/15/2015 (tuesday) but getting 12/13/2015 (Sunday) — artsylar, Dec 09 '15 at 06:42

Jquery UI Datpicker excluding weekends minDate

2 Answers2