具有可點擊事件的jQuery日歷

Question

我創建了一個jQuery日歷，突出顯示了選定的日期。 我想顯示數據庫中所選日期的事件。 我將所選日期存儲在變量“ x”中，但是如何將javascript變量與“ x”鏈接，以便可以將日期與該日期在數據庫中的事件進行比較，並在相應的div中顯示這些事件？

<div id="calendar"></div>
Date:<input type="text" id="datepicker_send" name="datepicker_send" readonly="readonly">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="/jquery-ui-datepicker.min.js"></script>
<script>

var x='';

    $('#calendar').datepicker({
        altField: '#datepicker_send',
        inline: true,
        firstDay: 1,
        showOtherMonths: true,
        altFormat: "dd/mm/yy",
        dateFormat: "dd/mm/yy",
        dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        onSelect: function(dateText){
            $('#event-date').text(dateText)
            x=dateText;
            //alert(x);
            }  
        });
</script>

Answer 1

您可以調用ajax函數，該函數將檢查數據庫中該特定日期的事件。您將獲得響應，並可以根據需要在警報，工具提示或任何div中顯示事件。

onSelect: function(dateText){
 $('#event-date').text(dateText)      
 // call ajax function here and send dateText
}