WBCE CMS Forum

bastie

Member

Datepicker

Hat von Euch schon mal wer versucht so einen wunderhübschen Datepicker einzubauen? Und wenn, dann wie?

---

Wer Rechtschreibfehler findet, darf sie gerne herunterladen, kopieren, weiterverwenden und weiterverbreiten. Ich beanspruche in keiner Weise ein Urheberrecht. Meine Rechtschreibfehler stehen ausschließlich unter der CC0-Lizenz.

florian

Projektmanagement und Support WBCE CMS

Re: Datepicker

Im miniform-Creator ist es nicht vorgesehen, muss also von Hand eincodiert werden. MiniForm ist allerdings sehr restriktiv, was JS-Code im Formular-Template angeht, sprich JavaScript bleibt zwar im Miniform-Template erhalten, wird im Frontend aber verstümmelt / nicht funktionierend ausgegeben.

Abhilfe: Auf der Seite mit miniform einen Code2-Abschnitt anlegen und in diesem den benötigten Code eintragen - ohne öffnenden/schließenden Script-Tag.

D.h. wenn es im Miniform-Template ein Feld Datum gibt, für das der  Datepicker angezeigt werden soll...

<div class="full">
				<label for="datum"><span>Datum <span>*</span></span> 
					<input required="required" class="{DATUM_ERROR}" type="text" id="datum" name="mf_r_datum" value="{DATUM}" />
				</label>
			</div>

...muss es davor einen Code2-Abschnitt mit folgendem Inhalt geben:

  $( function() {
    $( "#datum" ).datepicker();
  } );

Ergebnis:

Über Parameter kann der Datepicker dann noch angepasst/lokalisiert werden, siehe https://jqueryui.com/datepicker/#date-formats

bastie

Member

Re: Datepicker

Wow, danke! Probier ich aus.

---

Wer Rechtschreibfehler findet, darf sie gerne herunterladen, kopieren, weiterverwenden und weiterverbreiten. Ich beanspruche in keiner Weise ein Urheberrecht. Meine Rechtschreibfehler stehen ausschließlich unter der CC0-Lizenz.

dev4me

Member

Re: Datepicker

Have a look here: https://miniform.dev4me.com/demo/datepicker-demo/
> including a functioning demo template for download

bastie

Member

Re: Datepicker

Have a look here: https://miniform.dev4me.com/demo/datepicker-demo/
> including a functioning demo template for download

Thank you very much!

---

Wer Rechtschreibfehler findet, darf sie gerne herunterladen, kopieren, weiterverwenden und weiterverbreiten. Ich beanspruche in keiner Weise ein Urheberrecht. Meine Rechtschreibfehler stehen ausschließlich unter der CC0-Lizenz.