javascript - 如何使用 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日期选择器的方法，第一个参数指日期(作为文本)。您可以使用它来确定要触发哪个函数。

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">