1

我正在尝试构建一个表格，学生可以在其中选择上课日期。仅在每月的特定日期上课。我在实现限制到某些日期的高级代码时遇到了麻烦。我要离开下面的这篇文章来帮助我。

jQuery UI Datepicker 仅启用数组中的特定日期

我开始创建一个带有简单输入文本框的表单。我把基本的 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/。

4

0 回答 0