JQuery Datepicker/Datetime - Wie MaxDate in Java einzustellen gemäß einer ausgewählten Option

Question

ich in Javascript nicht so gut bin - aber ich versuche dies:

ich eine Liste von Ereignissen hatte, in dem der Benutzer "Programm zum Schließen" des Ereignisses in einem zukünftigen Datum.

aber dieses zukünftige Datum kann nicht nach dem Ereignis sein.

Dann muss ich ein Maxdate für jedes Ereignis festlegen.

Ich bin mit JQuery Datepicker - und die MaxDate ich dies tun setzen:

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

MaxDate = 2016/8/15 08:00

Mein Problem:

Wie kann ich Ändern Sie "2016, 8, 15, 8, 0" (maxDate-Wert) onKlicken Sie für jedes Ereignis auf eine Schaltfläche (weil jedes Ereignis ein anderes maxDate aufweist.

Ereignis 1 ... maxDate (2016, 9, 10, 8 , 0) .... [Taste onCl ick: ..] ereignis 2 ... maxDate (2016, 10, 22, 10, 30) .... [button onClick: ..]

Wenn ich auf Button für event1 klicke - ändert sich das maxDate auf 2016 , 9, 10, 8, 0 ..

Wenn ich Taste für event2 klicken - die MaxDate Änderung bis 2016, 10, 22, 10, 30 ..

tks viele

Answer 1

können Sie verwenden Die beforeShowDay-Eigenschaft zum Zuweisen einer Funktion, die vor jedem Datum aufgerufen wird, wird angezeigt. Mit der Rückgabe können Sie Tage mit einer viel höheren Granularität steuern.

Sie können diese Geige für ein Beispiel betrachten. 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, '', '']; 
    } 
    } 
}); 

Die 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>