Versionen im Vergleich

Alte Version 1

changes.mady.by.user TJ Neukomm

Gespeichert am

verglichen mit

Neue Version 2

changes.mady.by.user TJ Neukomm

Gespeichert am

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

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


  3. Folgenden JS Script Code einfügen:

    Codeblock
    languagexml
    linenumberstrue
    <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>