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>

これをheadタグとbodyタグに入れてみましたが、うまくいきませんでした。私はそれほど高度ではないので、どんな助けでも感謝します。ありがとう。

この問題の jsFiddle: http://jsfiddle.net/szYYY/2/。

4

0 に答える 0