0

JQuery カレンダーで立ち往生しています

私は都市のリストを持っているドロップダウンを持っています

<select name="flyto_code" id="flyto_code">
    <option value="ISB">Islamabad (ISB)</option>
    <option value="KHI">Karachi (KHI)</option>
</select>

そして、私は..のような日付で満たされた動的な（ajaxから来た）配列を持っています..

var availableDatesForKhi = ["12-10-2013","13-10-2013","14-10-2013","15-10-2013","16-10-2013","17-10-2013","18-10-2013"];
var availableDatesForIsb = ["12-11-2013","13-10-2013","14-11-2013","15-10-2013","16-11-2013","17-10-2013","18-11-2013"];

ドロップボックスから KHI を選択すると、DatePicker は availableDatesForKhi を有効にする必要があります

$( "#departure_date" ).datepicker({
beforeShowDay: available,
numberOfMonths:1,
showWeek: true,
dateFormat: 'dd-mm-yy',
showAnim: "slideDown",
onClose: function( selectedDate )
{
$( "#return_date" ).datepicker( "option", "minDate", selectedDate );
}
});


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

関数を呼び出して作成する方法

4

1 に答える 1

0

この回答を見て日付を制限し、jQuery UI APIで beforeShowDay メソッドを確認する必要があります。

于 2013-10-11T17:50:04.440 に答える