Versionen im Vergleich

Alte Version 4

changes.mady.by.user TJ Neukomm

Gespeichert am

verglichen mit

Neue Version 5

changes.mady.by.user TJ Neukomm

Gespeichert am

Schlüssel

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

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. Feld mit Fragetyp als Anzeigetext erstellen, Sichtbarkeit auf false stellen
    Image Added
    Image Added

  4. Folgenden JS Code in die Beschriftung einfügen

    :

    Codeblock
    languagexmljs
    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 RemovedImage Added

Beispiel