I'm using bootstrap daterangepicker how to predefine date range as default?

twitter-bootstrap daterangepicker
Syed Nizamudeen picture Syed Nizamudeen · Nov 20, 2014 · Viewed 16.8k times · Source

Help me to set Specific Date Range as Default by Using bootstrap daterangepicker(Text Input)

<input type="text" class="form-control pull-right" id="trvlreqprd" name="trvlreqprd" placeholder="Click here to Choose Date">

JS: 

$('#trvlreqprd').daterangepicker();

I need the text filed to be filled with predefined date. (For Example: 2014/11/05 - 2014/11/12)

Bootstrap Detail

filename: bootstrap-datepicker.js

Repo: https://github.com/eternicode/bootstrap-datepicker/

Answer

Syed Nizamudeen picture Syed Nizamudeen · Nov 21, 2014

I just tried adding predefined dates to value attribute. Its working as i wanted. Thanks Guys for Helping me.

<input type="text" class="form-control pull-right" id="trvlreqprd" name="trvlreqprd" value="<?php echo "2014/11/05 - 2014/11/12"; ?>" placeholder="Click here to Choose Date">

Related questions

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
daterangepicker show year and months only

I'm using daterangepicker bootstrap 3. $('#pa_date*').daterangepicker({ singleDatePicker: true, showDropdowns: true, minDate: min, maxDate: max, format: 'DD/MM/YYYY' }).on('apply.daterangepicker', function (ev, picker) { alert(picker.startDate.format('MM/YYYY')); }); It shows me the full daterangepicker: I …

Read More
jquery daterangepicker not working in modal

I have a modal popup (from bootstrap) that opens and contains a text input with daterangepicker, but the daterangepicker does not work (i see nothing when i click on the textbox) and i see no errors in the console. Here …

Read More