How to set default date in daterangepicker?

Question

Is there any way to simply set default date as current + 5 day ahead in daterangepicker? Like this:

$('.selector').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
setDate: '+5d',
minDate: new Date()
}, function(start, end, label) {
    $('.selector').val(start.format("YYYY-MM-DD"));

});

score 11 · Accepted Answer · answered Jul 19 '17 at 23:36

11

Like so. You also don't need that callback function since the format string is configurable.

$('.selector').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
    startDate: moment().add(5, 'day'),
    minDate: moment(),
    locale: { 
        format: 'YYYY-MM-DD'
    }
});

answered Jul 19 '17 at 23:36

Dan Grossman

51,866
10
112
101

Yes @Dan. I was using some old version of daterangepicker. I did this in exact this way. – Sagar Nepali Jul 20 '17 at 07:06

score 0 · Answer 2 · edited Jun 28 '21 at 16:12

0

var someDate = new Date();
var numberOfDaysToAdd = 5;
someDate.setDate(someDate.getDate() + numberOfDaysToAdd);
$('.selector').val(formatDate(someDate));

this helped

edited Jun 28 '21 at 16:12

Sathiamoorthy

8,831
9
65
77

answered Jul 17 '17 at 07:05

Sagar Nepali

179
1
4
16

score -1 · Answer 3 · answered Jun 27 '17 at 09:22

-1

Try this:

$('.selector').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
minDate: new Date()
}, function(start, end, label) { $('.selector').val(start.format("YYYY-MM-DD"));

});

var Today= new Date();
Today.setDate(Today.getDate() + 5);//any date you want
$('.selector').daterangepicker('setDate', Today);

answered Jun 27 '17 at 09:22

GaAd

145
6

Sorry that didn't help. A fiddle example would be great. – Sagar Nepali Jun 27 '17 at 10:21
Could you put your code in fiddle? along with the scripts needed to run it so i can help? – GaAd Jun 27 '17 at 10:30
`var someDate = new Date(); var numberOfDaysToAdd = 5; someDate.setDate(someDate.getDate() + numberOfDaysToAdd); $('.selector').val(formatDate(someDate));` this helped – Sagar Nepali Jul 02 '17 at 05:54

How to set default date in daterangepicker?

3 Answers3

Linked