Javascript 如果不单击应用按钮，如何设置选择时的值

我想更改用户选择日期范围时的值

如果用户离开弹出窗口而忘记单击应用按钮

该值应在不丢失的情况下保存

我怎么能那样做呢，谢谢~

javascript

尝试change（）方法

更改元素的值时会发生更改事件（仅适用于表单字段）。

try change（）方法

---

当元素的值发生更改时，会发生更改事件（仅适用于表单字段）。

我找不到像jQuery ui的日期选择器那样的onSelect的传入选项（我也建议使用该选项），但如果您设置使用daterangepicker，我可以向您展示一个黑客示例，使其能够工作

// when a start date is clicked
$('.calendar.left .available').click(function(e) {

  // get the changed date from the input field on the calendar
  var selectedStartDate = $('[name="daterangepicker_start"]').val();

  // get current range to modify
  var currentRange = $('[name="daterange"]').val();

  // set new range value
  $('[name="daterange"]').val(rangeFromNewStart(selectedStartDate, currentRange);

  // close the dialog
  $('.daterangepicker').css('display', 'none');
});

function rangeFromNewStart(startValue, currentRange){
  startValue + ' -' + currentRange.split('-')[1];
};

---

但是，正如我前面所说的，jQueryUI具有更大的灵活性。除此之外，这也是一个简单问题的黑客方法。如果您注意到了，在这个示例中，我只向您展示了如何更改开始日期。如果您想修改结束日期，您必须使用正确的日历复制此功能。

我找不到像jQuery ui的日期选择器那样的onSelect选项（我也建议使用），但是如果您设置使用daterangepicker，我可以向您展示一个黑客示例，使其能够工作

// when a start date is clicked
$('.calendar.left .available').click(function(e) {

  // get the changed date from the input field on the calendar
  var selectedStartDate = $('[name="daterangepicker_start"]').val();

  // get current range to modify
  var currentRange = $('[name="daterange"]').val();

  // set new range value
  $('[name="daterange"]').val(rangeFromNewStart(selectedStartDate, currentRange);

  // close the dialog
  $('.daterangepicker').css('display', 'none');
});

function rangeFromNewStart(startValue, currentRange){
  startValue + ' -' + currentRange.split('-')[1];
};

但是，正如我前面所说的，jQueryUI具有更大的灵活性。除此之外，这也是一个简单问题的黑客方法。如果您注意到了，在这个示例中，我只向您展示了如何更改开始日期。如果要修改结束日期，则必须使用正确的日历复制此功能