REDAXO Forum

Hallo,

ich versuche gerade den Datepicker mit YForm zum Laufen zu kriegen aber es will nicht so richtig.

In XForm habe ich mit

Code: Alles auswählen

text|startdatum|Wunschtermin am *|||datepicker

den Datepicker eingefügt ohne Probleme.

Jetzt mit YForm wird das Datumsfeld permanent angezeigt und der Termin wird auch nicht übernommen!!

Hat jemand den Datepicker schon mal in YForm eingebaut wo es funktioniert?

Wäre für einen Tipp Dankbar.

Gruß
Jochen

Hallo,

ich habe den Fehler gefunden, ich hatte den Datepicker fasch eingebunden, war in XForm anders als jetzt in YForm, die Zeile

$(".datepicker").datepicker({

verweist auf kein Input Feld.

Der Falsche Code:

Code: Alles auswählen

<!-- datepicker -->
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
    $(function() {
        $(".datepicker").datepicker({
            numberOfMonths : 2,
            showButtonPanel : true,
            altField : "#datepicker_input",
            dateFormat : "dd-mm-yy"
        }, $.datepicker.regional['de']);
    });
</script>

Jetzt der korrekte Code:

Code: Alles auswählen

<!-- datepicker -->
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
    $(function() {
        $(".datepicker input").datepicker({   //mit der input Eingabe
            numberOfMonths : 2,
            showButtonPanel : true,
            altField : "#datepicker_input",
            dateFormat : "dd-mm-yy"
        }, $.datepicker.regional['de']);
    });
</script>

In YForm wird es dann so eingebunden:

Code: Alles auswählen

text|startdatum|Wunschtermin am *|||datepicker

Vielleicht hilft es ja mal einen weiter

Danke noch mal an Robert der meinen Fehler gefunden hat

Gruß
Jochen

In YForm 1.1 ist es möglich, dem Input-Feld eigene Attribute zu übergeben, z.B. type="datetime". Dazu gibt's auch ein Beispiel in der neuen YForm-Doku, die als Plugin mit heruntergeladen wird.

eher so:

Code: Alles auswählen

{"class":"datepicker"}

Skerbis hat geschrieben:eher so:
Code: Alles auswählen
{"class":"datepicker"}

Mein Beispiel bezog sich auf die HTML5-Input-Typen und dass es von Haus aus nun mehr Möglichkeiten gibt, als nur die Klasse anzugeben, bspw.

Code: Alles auswählen

{"type":"datetime"}

, wenn man einen Polyfill einsetzt.

Input-Typen wie "time" funktioniert ja mittlerweile in Edge und Chrome: http://caniuse.com/#search=time

Hi, es ging mir nur um die Schreibweise in yform-Tablemanager. Die sollte JSON sein.

REDAXO Forum

YForm mit Datepicker

YForm mit Datepicker

Re: YForm mit Datepicker

Re: YForm mit Datepicker

Re: YForm mit Datepicker

Re: YForm mit Datepicker

Re: YForm mit Datepicker