30 lines
1.3 KiB
PHP
30 lines
1.3 KiB
PHP
|
<div class="input-group">
|
||
|
|
<button type="button" class="btn btn-default pull-right" id="daterange-btn">
|
||
|
|
<span>
|
||
|
|
<i class="fa fa-calendar"></i> Date range picker
|
||
|
|
</span>
|
||
|
|
<i class="fa fa-caret-down"></i>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
$(function () {
|
||
|
|
$('#daterange-btn').daterangepicker(
|
||
|
|
{
|
||
|
|
ranges : {
|
||
|
|
'Today' : [moment(), moment()],
|
||
|
|
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||
|
|
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
|
||
|
|
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||
|
|
'This Month' : [moment().startOf('month'), moment().endOf('month')],
|
||
|
|
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||
|
|
},
|
||
|
|
startDate: moment().subtract(29, 'days'),
|
||
|
|
endDate : moment()
|
||
|
|
},
|
||
|
|
function (start, end) {
|
||
|
|
$('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
|
||
|
|
}
|
||
|
|
)
|
||
|
|
})
|
||
|
|
</script>
|