如何在 daterangepicker 范围内获取所选日期的日期

Question

我必须使用 daterangepicker，但我不知道如何在 jquery 中获取选定的日期。

 $('#reportrange').daterangepicker({
    startDate: start,
    endDate: end,
    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')]
    }
}, cb);

//fetch seleted date
var get_date = $('#reportrange').val()

console.log("reportrange selected date:", get_date)

Answer 1

您必须检索数据对象：

$('#reportrange').data('daterangepicker').startDate;
$('#reportrange').data('daterangepicker').endDate;

你也可以用这个

<script>
$(function() {
  $('input[name="daterange"]').daterangepicker({ opens: 'left' }, function(start, end, label) {
    console.log("Your Select date range is: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
  });
});
</script>

欲了解更多详情： https : //www.daterangepicker.com/

Answer 2

您可以像这样使用默认回调函数

$(function() {
    $('input[name="daterange"]').daterangepicker({
    opens: 'left'
   }, 
   function(start, end, label) {
       console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' 
        to ' + end.format('YYYY-MM-DD'));
  });
});

$('#reportrange').data('daterangepicker').startDate;
$('#reportrange').data('daterangepicker').endDate;