如何在日歷上選擇特定日期以使用jQuery UI Datepicker觸發函數

Question

我正在嘗試向jQuery UI Datepicker onChange添加條件語句，以在從日歷中選擇某些日期時觸發函數。 例

if (selecteddate == ‘01/15/2019’){
         alert('Function A Triggered');
     updateDataA();
}
else if (selecteddate == ‘01/25/2019’){
         alert('Function B Triggered');
     updateDataB();
}

我發現了一些與我要尋找的內容接近的東西，但是我不知道如何通過選擇日期而不是選擇月份和年份下拉菜單來觸發函數來修改腳本以觸發函數。 希望這是可能的。 任何幫助將不勝感激。 以下是我要調整的腳本。

$(function() {
    $( "#datepicker1" ).datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat: 'MM yy',
      altField: "#id",
      altFormat: "mm/yy",
      onChangeMonthYear: function(year, month, oDatepicker) {
            alert('Year: ' + year + ', Month: ' + month);
            updateDataD(); 
      }
    });
}); 

Answer 1

當選擇日期選擇器時，將調用onSelect ：

onSelect: function(dateText, inst) {
    if (dateText == ‘01/15/2019’){
        // your function
    }
}

http://api.jqueryui.com/datepicker/#option-onSelect

Answer 2

在日期選擇器的onSelect方法中，第一個參數引用日期（作為文本）。 您可以使用它來確定要觸發的功能。

 function updateDataA() { console.log("Update Data A"); } function updateDataB() { console.log("Update Data B"); } $("#calendar").datepicker({ onSelect: function (dateText) { if (dateText=== "01/15/2019") updateDataA(); else if (dateText=== "01/25/2019") updateDataB(); } }); 

 <link href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css" rel="stylesheet" /> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <input id="calendar">