CODEWITHSUNDEEP
daterangepicker
Angel
Angel

Reputation: 1009

Daterangepicker min date

I have module that has delivery date and I used the daterangepicker for my delivery date. I want to set my daterangepicker current year until 10 yrs from now

JS

$('#date_needed').append(''
  +'<input type="text" class="form-control dates_edit" name="date_needed" />'
)

$('.dates_edit').daterangepicker({
                yearRange: '2019:c+10',
                singleDatePicker: true,
                minDate: new Date('2019:c+10'),
                showDropdowns: true
            });

Question: How can I make my min date for my date_needed daterangepicker?

Upvotes: 0

Views: 1139

Answers (2)

Angel
Angel

Reputation: 1009

Thanks to @RaviTeja V my problem is now solved by doing this:

$('.dates_edit').daterangepicker({
       yearRange: '2019:c+10',
       singleDatePicker: true,
       minDate : new Date(), maxDate: new Date(new Date().setFullYear(new Date().getFullYear() + 10)),
       showDropdowns: true
});

But can someone explain to me,why my code below didn't work?

$('.dates_edit').daterangepicker({
        yearRange: '2019:c+10',
        singleDatePicker: true,
        minDate: new Date(new Date().setFullYear(new Date().getFullYear())),
        maxDate: new Date(new Date().setFullYear(new Date().getFullYear() +10)),
        showDropdowns: true

});

Is there any difference between the two?

Upvotes: 0

Raviteja V
Raviteja V

Reputation: 463

minDate: new Date(new Date().setFullYear(new Date().getFullYear() + 10))

Upvotes: 1

Related Questions