Verknüpfter Datumsbereich - Von-Bis-Bereich der Auswahl entsprechend einschränken

Um den selektierbaren Datumsbereich (beispielsweise Datum von & Datum bis) gemäss der Auswahl einzuschränken, kann folgendes im Form Wizard eingebaut werden:

Form Wizard

1. CSS Klasse "dateRangeFrom" bei Datum A eintragen:
   
2. CSS Klasse "dateRangeTo" bei Datum B eintragen:
   

3. Folgenden JS Code einfügen:

   <script type="text/javascript" defer="defer">
   $jax("input[name $='-date']").on("dp.show", function() {
   	$jax(".dateRangeFrom input[name $='-date']").on("dp.change", function(selected) { 
   		$jax(".dateRangeTo input[name $='-date']").data("DateTimePicker").minDate(selected.date);
   	});
   	$jax(".dateRangeTo input[name $='-date']").on("dp.change", function(selected) { 
   		$jax(".dateRangeFrom input[name $='-date']").data("DateTimePicker").maxDate(selected.date);
   	});
   		
   	var setDateRangeFrom = $jax(".dateRangeFrom input[name $='-date']").val();
   	var setDateRangeTo = $jax(".dateRangeTo input[name $='-date']").val();
   	
   	$jax(".dateRangeFrom input[name $='-date']").data("DateTimePicker").maxDate(setDateRangeTo);
   	$jax(".dateRangeTo input[name $='-date']").data("DateTimePicker").minDate(setDateRangeFrom);
   });
   </script>