如何在 daterangepicker 范围内获取日期选择日期答案

【问题标题】：How can get date in daterangepicker ranges selected date如何在 daterangepicker 范围内获取日期选择日期
【发布时间】：2020-04-26 17:37:51
【问题描述】：

我必须使用 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)

【问题讨论】：

这能回答你的问题吗？ How do I get Date Range Picker selected date to a variable?
是的，我已经尝试过了，但它获取当前日期Thu Jan 09 2020 00:00:00 GMT+0530
所以你应该相应地格式化它，比如.format('DD-MM-YYYY')，你想要的每种格式都可以。

标签： javascript jquery daterangepicker

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您必须检索数据对象：

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

【讨论】：