daterangepicker set to one report only code example
Example 1: date range picker select date and several weeks
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<div class="row">
<input id="daterangepicker" type="text" />
<select>
<option value="1">Mo</option>
<option value="2">Tu</option>
<option value="3">We</option>
<option value="4">Th</option>
<option value="5">Fr</option>
<option value="6">Sa</option>
<option value="0">Su</option>
</select>
</div>
<script>
$(document).ready(function () {
$('#daterangepicker').daterangepicker({
parentEl: '.row',
isInvalidDate: function(date) {
return parseInt($(this.container).parent().find('select').val()) !== new Date(date).getDay();
}
});
});
</script>
Example 2: bootstrap date range picker
$('#daterange').daterangepicker({
locale: { cancelLabel: 'Clear' }
});
$('#daterange').on('cancel.daterangepicker', function(ev, picker) {
//do something, like clearing an input
$('#daterange').val('');
});
$('#daterange').daterangepicker();
$('#daterange').on('apply.daterangepicker', function(ev, picker) {
console.log(picker.startDate.format('YYYY-MM-DD'));
console.log(picker.endDate.format('YYYY-MM-DD'));
});