Jquery 在关闭时设置日期范围选择器变量

我试图在调用OnClose函数时获取日期范围选择器的StartDate和EndDate变量，但是我遇到了一些困难

我换了

onClose: function(){},

与

然而，这已经打破了日期范围选择器，我不能再选择日期了。 根据，已经有变量集dateStart和dateEnd，所以我要做的是：

  function alertData() {
      $("#DivDateStart").html(dateStart); //update div for debugging
      $("#DivDateEnd").html(dateEnd); //update div for debugging
  }    

---

然后在POST方法中使用这些变量，将所有这些变量发送到PHP文件，如果有人告诉我在获取数据时哪里出错，我将不胜感激，谢谢

尝试单独访问每个日期选择器，以获得所选日期，如下所示：

onClose:function(){
    var startDate = $('#startDatePickerID').datepicker("getDate");
    var endDate = $('#endDatePickerID').datepicker("getDate");            
}

下面是一个活生生的例子：

更新（基于评论）

您可以通过修改

daterangepicker.jQuery.js

文件的源来检索开始和结束日期

将

hideRP

功能替换为以下功能：

function hideRP() {
    if (rp.data('state') == 'open') {
        rp.data('state', 'closed');
        rp.fadeOut(300);

        var startDate = rp.find('.range-start').datepicker('getDate');
        var endDate = rp.find('.range-end').datepicker('getDate');

        options.onClose(startDate, endDate);
    }
}

这将从各个日期选择器中检索开始和结束日期，并将它们传递给

onClose

函数

然后，在初始化

日期范围选择器

时，指定

onClose

函数，如下所示：

$('#rangePickerID').daterangepicker(
{
    arrows: true,
    onClose: function (startDate, endDate) {
        alert(startDate);
        alert(endDate);
    }
});

---

希望这有帮助。

非常感谢jdavies！这看起来非常酷，但我犯了一个巨大的错误，因为我使用的是daterangepicker，而不是datepicker。但是，在将代码插入onClose函数时，日期范围选择器不再损坏-这意味着我可能可以使用代码中的某些内容-可能？您使用的是哪个日期范围选择器？我使用的是日期范围选择器表单组：：）它似乎没有提供任何检索所选日期的方法，除了从表单元素中检索值：

$（'#id'）.val（）

.Wow jdavies，这真是难以置信！非常感谢您阅读评论并编写所有这些代码，这对我意义重大：）！我仍然无法在$（“#DivDateStart”）.html（startDate）中使用

startDate

和

endDate

变量；，但是我希望我能很快到达那里：）再次感谢：）

$('#rangePickerID').daterangepicker(
{
    arrows: true,
    onClose: function (startDate, endDate) {
        alert(startDate);
        alert(endDate);
    }
});