How to set default date in daterangepicker?

javascript daterangepicker
Sagar Nepali picture Sagar Nepali · Jun 27, 2017 · Viewed 19.9k times · Source

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"));

});

Answer

Dan Grossman picture Dan Grossman · Jul 20, 2017

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'
    }
});

Related questions

getting the value of daterangepicker bootstrap

Hi im new to using javascript and encountered a problem while using daterangepicker bootstrap. I manage do implement this demo that i got but I am stuck at getting the value of start date and end date from the javascript. …

Read More
get next week start and end using jquery and moment js

I searched for this question and found there is a no answer on Stackoverflow.. So I decided to answer it... This question helps if you need to get the start/end of next/last week with Monday as start of …

Read More
Update the selected dates of date range picker for Twitter Bootstrap

I'm using the date range picker for Twitter Bootstrap, by Dan Grossman. When initialized, it's possible to set pre-defined values like startDate and endDate. Is it possible to update the values manually later on in a similar way? What I …

Read More