javascript - 如何获取日期范围选择器范围内的日期所选日期

标签 javascript jquery daterangepicker

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

最佳答案

您必须检索数据对象:

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

关于javascript - 如何获取日期范围选择器范围内的日期所选日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59658483/

相关文章:

javascript - 从 .height 动态生成的 padding-top 值

javascript - Angularjs:正确设置日期时间本地,但提交 null

javascript - 当 daterangepicker() 构造函数重新附加时 apply.daterangepicker 事件停止触发

javascript - daterangepicker - 将字段输入复制到另一个字段输入

javascript - 清除 Angular 2 App 中的 md-radio-button 选择

javascript - 需要使用 css Appearance 属性将复选框转换为单选按钮

jquery - 将对象推送到数组并获取数组内容

javascript - AngularJS - 日期范围选择器 - ng 模型被覆盖

javascript - Raphael 和集合内的目标节点

javascript - Jquery 改变类的所有边界