bootstrap 4 daterangepicker code example

Example 1: date picker for bootstrap 4

<input class="datepicker" data-date-format="mm/dd/yyyy">

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

Tags:

Misc Example