How to show daterangepicker all time? - datepicker

Question

I need to show daterangepicker all time - not a popup like defualt. It is possible?

Answer 1

my solution is
$(function() {
var start = moment('1970-01-01');
var end = moment();
function cb(start, end) {
if(start.format('DD/MM/YYYY') == '01/01/1970') {
$('#reportrange span').html('All time');
}else {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
}
}
$('#reportrange').daterangepicker({
startDate: start,
endDate: end,
ranges: {
'All time': [moment('1970-01-01'), moment()],
'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')]
}
}, cb);
cb(start, end);
});

Answer 2

ranges: {
'Today': [moment(), moment()],
'This Week': [moment().startOf('week'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'All Time': [null, null]
}

Answer 3

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')],
'This Year': [moment().startOf('year'), moment()],
'Last Year': [moment().subtract(1, 'year').add(1,'day'), moment()],
'All Time': ['01/01/2018', moment()],
}

Answer 4

You can do something like -
ranges: {
'All time':[null,null],
....
Edit your
daterangepicker.js
in line 1532 as
updateElement: function() {
if (this.element.is('input') && this.autoUpdateInput) {
var newValue = this.startDate.format(this.locale.format);
if (!this.singleDatePicker) {
newValue += this.locale.separator + this.endDate.format(this.locale.format);
}
if(newValue == "Invalid date - Invalid date"){
this.element.val("All Time").trigger('change');
}
else if (newValue !== this.element.val()) {
this.element.val(newValue).trigger('change');
}
}
}
If have any doubts please let me know.