Как можно получить дату в диапазонах daterangepicker выбранной даты - PullRequest
0 голосов
/ 09 января 2020

Мне нужно использовать 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)

Ответы [ 2 ]

2 голосов
/ 09 января 2020

Вы должны получить объект данных:

$('#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/

0 голосов
/ 09 января 2020

Вы можете использовать функцию обратного вызова по умолчанию, как это

$(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;
...