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関数と同じように配列を見て、選択時にモーダルウィンドウを生成することを望んでいました。