jquery - イベント後のjqueryカレンダー

Question

jqueryカレンダーを使用しています。さまざまな日付を強調表示し、カレンダーの後に日付イベントを表示したいと考えています。以下は、イベントを示すイメージです。

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.min.js"></script>
<script>
$(document).ready(function(e) {
    $('#calendar').datepicker({
        inline: true,
        firstDay: 1,
        showOtherMonths: true,
        dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });
});
</script>

<div class="my">
<div id="calendar"></div>
</div>
<script type="text/javascript">
 var dates = [
    [2013, 3, 7],
    [2013, 3, 9],
    [2013, 3, 25]
];

$('#calendar').datepicker({
    beforeShowDay: function (date){
        var year = date.getFullYear(), month = date.getMonth(), day = date.getDate();
        for (var i=0; i < dates.length; ++i)
            if (year == dates[i][0] && month == dates[i][2] - 1 &&  day == dates[i][2])
                return [false, 'ui-state-highlight ui-state-active'];

        return [false];
    }
});
</script>

以下の画像まで届きました。

最初の画像では、カレンダーの後のイベントを見ることができます。最初の画像のように、カレンダーの後に選択したイベントを表示したい。