Versionen im Vergleich

Alte Version 3

changes.mady.by.user TJ Neukomm

Gespeichert am

verglichen mit

Neue Version 4

changes.mady.by.user TJ Neukomm

Gespeichert am

Schlüssel

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

Beispiel

Image Removed

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:
    Image Modified
  2. CSS Klasse "dateRangeTo" bei Datum B eintragen:
    Image Modified

  3. Folgenden JS 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>

    Image Modified

Beispiel

Image Added