javascript - 单击内联 Jquery Datepicker 中的日期时如何调用模式窗口？

Question

我一直在寻找解决这个问题的方法，而且我有点 Javascript 菜鸟，所以我自己在写这个问题时遇到了麻烦。

我有一个内联日期选择器，它用“事件”标识日期，beforeShowDay用于绘制备用 CSS 样式。当用户单击这些特定日期之一时，我的麻烦是试图产生一个模式弹出窗口。这是我的代码：

<div style="display:none" id="dialog-modal">
        <h1>This is dialog content</h1>
    </div>

$("#datepicker").datepicker({beforeShowDay: highlightEvents, onSelect: showEvent});

        function highlightEvents(date) {
            var events = new Array(<cfoutput>#ValueList(EventDetailOutput.days)#</cfoutput>);
            var day = date.getDate();
            if ($.inArray(day, events) == -1) return [true,""];
            return [true, "eventDate"];

        }

        function showEvent(date) {
            var events = new Array(<cfoutput>#ValueList(EventDetailOutput.days)#</cfoutput>);
            var day = date.getDate();
            if ($.inArray(day, events) == -1) {
                $(function() {
                    $( "#dialog-modal" ).dialog({modal: true});
                });
            }

        }

我希望以与我在函数中相同的方式查看我的数组，highlightEvents并在选择时生成一个模式窗口。