2016-10-26 26 views
5

私はhtmlでjQueryマルチデートピッカーを使用しています。私はdatePickerプロパティを動的に変更する必要があります。つまり、選択ボックスで「通常」のオプションを選択すると、カレンダーで「土曜日」と「日曜日」が無効になります。選択ボックスで「カスタム」オプションを選択すると、私の習慣の日。 私のコードで指定する方法はわかりません。 これは、いずれかがそれを置くために私を助けてください私のコード動的にjQuery multidatepicker "addDisabledDates"プロパティを追加します。

$('#datePick').multiDatesPicker({ 
    beforeShowDay: disableSpecificWeekDays, 
    // For disabling all "Sundays" 
    dateFormat: "d/m/yy", 
    maxDate: "+3m", 
    minDate: "-1m", 
    multidate: true, 
    addDisabledDates: my_array 
}); 

    function disableSpecificWeekDays(date) { 
    var theday = date.getDate() + '/' +(date.getMonth() + 1) + '/' + 
     date.getFullYear(); 
    var day = date.getDay(); 
    return [day != 0 && day != 6]; 
} 

のですか?

<select id="my-dropdown"> 
    <option value="normal">normal</option> 
    <option value="custom">custom</option> 
</select> 

その後、すべてを行う必要がある:あなたがこのようなドロップダウンを持っていると仮定すると

+0

は、なぜあなたはちょうどdisableSpecificWeekDays(であなたのドロップダウンリストの値をチェックしません)方法?それが "普通"の場合は[true]を返す –

+0

@ジョン:disableSpecificWeekDays()メソッドでは、選択ボックスの値が変更されたメソッドを使用できますか?チェックボックスの値を変更した後、日付ピッカーの設定が再度初期化されますか? –

答えて

2

function disableSpecificWeekDays(date) { 
    if ($('#my-dropdown').val() == 'normal') { 
     return [true]; 
    } 
    var theday = date.getDate() + '/' + (date.getMonth() + 1) + '/' + 
     date.getFullYear(); 
    var day = date.getDay(); 
    return [day != 0 && day != 6]; 
} 
関連する問題