javascript datepicker在輸入字段中檢測更改的值

Question

我有一個基於mootools的簡單日期選擇器（ http://www.monkeyphysics.com/mootools/script/2/datepicker ）這不是jQuery datepicker，它的事件觸發器不起作用。

選取日期后，我需要計算天數和其他內容，計算工作正常，我需要在用戶決定更改日期后將其觸發，我已經嘗試了所有可能找到的事件處理程序，如果按Enter或單擊另一個字段，但是在單擊（選擇）日期后，它應該立即重新計算。

<input type="text" name="arrival" value="2016-10-05" title="" class="fromdate">
<input type="text" name="departure" value="2016-10-08" title="" class="todate">
<input type="text" name="addnight" value="" title="" class="calculated">

<script type="text/javascript">
  $("select, input, .datepicker_dashboard").on("change paste keyup blur click mouseup hover focus focusout", function() {

   var calculus = daydiff(parseDate($('.fromdate').val()), parseDate($('.todate').val()));
if (calculus<0) {var calculus=0;}
$(".calculated").val(calculus);

}
</script>

Answer 1

閱讀文檔（自己鏈接）告訴我，您可以在使用new DatePicker(input-target-selector [, options-object]);創建datepicker的同時，在選項中設置onSelect處理程序new DatePicker(input-target-selector [, options-object]);

onSelect
選擇日期后觸發事件掛鈎。 （v1.16 +：帶有1個參數，代表選定日期的標准javascript Date對象）

Answer 2

嘗試這個。 當使用jQuery UI datepicker選擇日期時，我從觸發函數下面列出的鏈接中得到了答案

  $("#dt").datepicker({
  onSelect: function(dateText, inst) {
    var date = $(this).val();
    var time = $('#time').val();
    alert('on select triggered');
    $("#start").val(date + time.toString('              HH:mm').toString());

  }
  });