javascript - 带有可点击事件的 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
}