DatePicker仅显示某些日期

Question

我正在尝试建立一个表格，学生可以选择参加课程的日期。课程仅在该月的某些日期提供。我在实现限制某些日期的高级代码时遇到问题。我下面这篇文章是为了帮助我。

jQuery UI Datepicker enable only specific days in array

我开始创建一个带有简单输入文本框的表单。我把基本的jquery代码打开，弹出日历工作正常。

$(function() {
    $( "#date" ).datepicker();
});  

之后，我更换了基本代码并复制了上面的代码，以便只选择某些日期。我尝试测试表单，如果单击输入框，则没有任何反应。我确实在jfiddle测试它并且工作正常，所以我认为它必须是我实现它的方式。

以下是我尝试使用的代码：

<script>
    var availableDates = ["9-6-2012","14-6-2012","15-6-2012"];

    function available(date) {
        dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
        if ($.inArray(dmy, availableDates) !== -1) {
            return [true, "","Available"];
        } else {
            return [false,"","unAvailable"];
        }
    }

    $('#date').datepicker({ beforeShowDay: available });​
</script>

我已经尝试将它放在头标签和身体标签中，没有任何运气。我不是那么先进，所以任何帮助都会受到赞赏。谢谢。

jsFiddle这个问题：http://jsfiddle.net/szYYY/2/。