jquery datepicker將變量從一個函數傳遞給另一個函數

Question

我試圖將數據從onChangeMonthYear發起的函數傳遞給beforeShowDay啓動的函數。我嘗試了各種方法，比如將我從test.php獲得的數據分配給在外部聲明的變量，但無濟於事。所以我所做的只是用test.php中的檢索數據更新文本字段，並要求beforeShowDay中的函數從那裏獲取數據。這裏是我的代碼的一部分

$(document).ready(function() { 

    $('#datepicker').datepicker({dateFormat: 'dd-mm-yy', currentText: 'Now', changeMonth: true, changeYear: true, altField: '#alternate', altFormat: 'DD, d MM, yy', onSelect: function(dateText, inst) {}, 
     onChangeMonthYear: function(year,month,inst){ 
      $.post("test.php", {action: "TEST", month: month, year: year}, 
      function (data){ 
       $("#datafromphp").val(data); 
      } 
      ,"html"); 
     }, 
     beforeShowDay: function (date){ 
      var getdatafromphp= $("#datafromphp").val(); 

     } 
    }); 
}); 

當然有更好的方法來做到這一點？

Answer 1

如果我的理解正確，您希望通過AJAX異步獲取一些數據在onChangeMonthYear中，並使其可在beforeShowDay中訪問以顯示更新的數據。

它有助於理解調用的順序。當日歷第一次出現時，會有一堆電話打到beforeShowDay。在這個階段，您的AJAX呼叫尚未收到數據（即從test.php）。

一旦用戶改變月份/年，onChangeMonthYear將被調用，然後一堆電話再次被撥到beforeShowDay。在這個階段，除非您撥打test.php的AJAX呼叫能夠足夠快地返回到beforeShowDay的某些呼叫來訪問返回的值，否則應該沒有來自您的AJAX呼叫的數據。

然後AJAX調用返回並返回的數據以某種方式傳遞到beforeShowDay來顯示。

正如你所看到的，你試圖做的事情是行不通的，因爲即使你正確地「傳遞」了它，AJAX調用也不會準時抓取數據。你想要做的是，從AJAX中分配返回的數據，然後刷新日期選擇器，所以beforeShowDay將再次被調用。您可以使用.data()將數據存儲到任意jQuery對象。所以，你可以這樣做：

$('#datepicker').data('datafromphp', []).datepicker({dateFormat: 'dd-mm-yy', currentText: 'Now', changeMonth: true, changeYear: true, altField: '#alternate', altFormat: 'DD, d MM, yy', onSelect: function(dateText, inst) {}, 
    onChangeMonthYear: function(year,month,inst){ 
     $.post("test.php", {action: "TEST", month: month, year: year}, 
     function (data){ 
      $("#datepicker").data('datafromphp', data).datepicker('refresh'); 
     } 
     ,"html"); 
    }, 
    beforeShowDay: function (date){ 
     var getdatafromphp= $(this).data("datafromphp"); 

    } 
});