Javascript daterangepicker回调不是'；我根本不工作

我很难运行daterangepicker（从）的回调函数

我没有看到任何警报

我在daterangepicker UI的底部有一个“应用”按钮。我按应用，然后按我选择的第一个主机日期，但没有显示应有的警报

这是我完成的代码（非常简单的代码）：

提前谢谢你帮助我

编辑：

// will host dates
                var startDate;
                var endDate;
                // Show multidatetime picker
                // more infos here: http://tamble.github.io/jquery-ui-daterangepicker/
                $('#daterangepicker').daterangepicker(
                  {
                      onChange: function (start, end) { alert('change : ' + start + ' - ' + end) },
                      format: 'YYYY-MM-DD',
                      startDate: '2013-01-01',
                      endDate: '2013-12-31'
                  }
                );

这是我测试过的，但是startDate和endDate没有定义

编辑2: 这是我在EricMathieu的帮助下100%工作的最终代码

// Show multidatetime picker
                // more infos here: http://tamble.github.io/jquery-ui-daterangepicker/
                $('#daterangepicker').daterangepicker(
                  {
                      format: 'YYYY-MM-DD',
                      startDate: '2013-01-01',
                      endDate: '2013-12-31'
                  });
...
var tempValues = JSON.parse($('#daterangepicker').val());
alert(tempValues.start);
alert(tempValues.end);

---

如果使用

onChange

回调，则必须读取存储在

#daterangepicker

中的值，您的

开始

和

结束

变量不会自动填充

获取开始/结束值的简单方法是在

onChange

函数中解析开始和结束值（来自JSON）：

var startDate;
var endDate;
// Show multidatetime picker
// more infos here: http://tamble.github.io/jquery-ui-daterangepicker/
$('#daterangepicker').daterangepicker(
    {
        onChange: function () {
            var tempValues = JSON.parse($('#daterangepicker').val());
            alert('change : ' + tempValues.start + ' - ' + tempValues.end)
        },
        format: 'YYYY-MM-DD',
        startDate: '2013-01-01',
        endDate: '2013-12-31'
     }
);

---

你必须这样称呼：

function(start, end, label) {

 console.log(start.toLocaleString() + end.toLocaleString() + label);
}

因此，整个示例如下所示：

$('#date_range').daterangepicker({
        timePicker: false, timePickerIncrement: 30,
        //format: 'DD-MM-YYYY hh:mm:ss',
        format: 'DD-MM-YYYY',
        timePicker12Hour: false, 
        opens: 'left',
        locale: { cancelLabel: 'Clear' },
        separator: ' to '}, 
        function(start, end, label) {
console.log(start.toLocaleString() + end.toLocaleString() + label);
}
 });

---

如果我查看回调使用与您使用的不同的表示法的文档，请使用

onClose:function（）{log（'close'）}

，如documentaiton@EricMathieu谢谢Eric，但是我仍然很难使用日期，两者都没有定义。我该怎么办？如果我使用json解析，就不需要使用回调。我将验证你的提问，并将我的答案作为我问题的第二次编辑。谢谢你的帮助

$('#date_range').daterangepicker({
        timePicker: false, timePickerIncrement: 30,
        //format: 'DD-MM-YYYY hh:mm:ss',
        format: 'DD-MM-YYYY',
        timePicker12Hour: false, 
        opens: 'left',
        locale: { cancelLabel: 'Clear' },
        separator: ' to '}, 
        function(start, end, label) {
console.log(start.toLocaleString() + end.toLocaleString() + label);
}
 });