如何在 Bootstrap 日期选择器中找到取消选择的日期？

Question

我正在尝试找到一种方法来创建一个包含所有选定日期的数组，但如果有人取消选择日期，那么它将从数组中删除该日期。

我编写了以下 JavaScript 代码来获取选中和取消选中的日期。

我正在使用bootstrap datepicker。

$(function() {
  $('#disc_single_datepicker_1').datepicker().on('show', function(event) {
    DatePicker.hideOtherMonthDays();
  });
  var input_val = '';


  $('#disc_single_datepicker_1').on('changeDate', function(event) {
    //console.log(moment(event.date).format('MM/DD/YYYY h:mm a'));
    var storage = new Array();

    var formatted_date = moment(event.date).format('DD/MM/YYYY');
    console.log(formatted_date);
    if (formatted_date != '') {
      input_val = input_val + formatted_date + ",";
    }

    var exp = input_val.split(",");

    for (var i = 0; i < exp.length; i++) {
      if (exp[i] != '') {
        storage[i] = exp[i];
      }
    }
    console.log(storage);

  });


});

我正在尝试从日期选择器中查找用户取消选择的日期。

我也在使用一次只显示当前月份日期的功能。该函数名为Datepicker.hideOtherMonthDays()，因此显示如下：

提前致谢:)我已经尝试了很多方法，但不知道如何做到这一点。:)

Answer 1

我相信你走错路了。 无需知道哪个被取消选择，只需使用所选日期重新创建您的数组。

当您选择一个日期时，datepicker 会返回一个包含所有选定日期的事件。

如果您打印以控制实际事件，您可以看到 dates 属性。

然后，如果需要，您可以循环该数组。 这样您就无需知道取消选择的日期。

这是一个最小的代码示例。

$('#disc_single_datepicker_1').datepicker({
    multidate: true
  }).on('show', function(event) {
    DatePicker.hideOtherMonthDays();
  }).on('changeDate', function(event) {
    var storage = new Array();
    //here's the magic
    for (var i = 0; i < event.dates.length; i++) {
      var formatted_date = moment(event.dates[i]).format('DD/MM/YYYY');
      storage.push(formatted_date);
    }

    console.log(storage);
  });

Here's a working fiddle（打开控制台）。

PS：如果您想在其他地方使用变量storage，可能需要将其移出范围。