jQueryの日付ピッカー/ DateTimePickerのは - - 選択されたオプション私はJavaScriptであまり良くないよ

Question

によるJavaでmaxDateのを設定する方法が、私はこれをしようとしている：私はイベントのリストを持っていた

、ユーザーがすることができます将来の予定でイベントを終了させるプログラム。

ただし、この未来の日付はイベントの後にすることはできません。

次に、イベントごとにmaxdateを設定する必要があります。

私はjQueryの日付ピッカーを使用しています - と私はこれを行うに、maxdate設定するには：私の問題

$('#closeevent').datetimepicker({ 
    minDate: 0, 
    maxDate: new Date(2016, 8, 15, 8, 0) 
}); 

maxDateの= 2016年8月15日午前8時00

を：

どのように私ができますそれぞれのイベントのボタンをクリックしてください（各イベントのmaxDateが異なるため、「2016、8、15、8、0」（maxDate値）を変更してください）

イベント1 ... maxDate（2016,9,10,8 、0）.... [button onCl [button onClick：..]

イベント1のボタンをクリックすると、maxDateは2016に変更されます。 、9、10、8、0 ..

私はイベント2のボタンをクリックした場合 - 2016、10、22、10、30にmaxDateの変更を..あなたが使用することができます

TKSたくさん

Answer 1

各日付の前に呼び出される関数を割り当てるbeforeShowDayプロパティ。このリターンにより、はるかに高い精度で日を管理することができます。

例として、このフィドルを見ることができます。 https://jsfiddle.net/tv760t1s/

var maxDate = new Date(2016, 8, 15, 8, 0); 
$(".dateChange").click(function() { 
    maxDate = new Date($(this).attr('value')); 
    console.log(maxDate); 
}); 
$("#datepicker").datepicker({ 
    minDate: 0, 
    maxDate: new Date(2016, 8, 15, 8, 0), 
    beforeShowDay: function(date) { 
    console.log(date, maxDate); 
    if (date > maxDate) { 
     return [false, 'noShowClass', 'Date time not available']; 
    } else { 
     return [true, '', '']; 
    } 
    } 
}); 

HTML：

<div>  
    <input type='text' id='datepicker' value=''> 
    <input class='dateChange' type='button' value='2016-08-15 08:00:00'> 
    <input class='dateChange' type='button' value='2016-09-10 08:00:00'> 
</div>