Question

我创建了一个jQuery日历，突出显示所选日期。我想在数据库中显示所选日期的事件。我将所选日期存储在变量＆＃34; x＆＃34;但是如何将javascript变量与＆＃34; x＆＃34;这样我就可以在数据库中将日期与该日期的事件进行比较，并在相应的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
}

带可点击事件的jQuery日历

1 个答案: