Datepicker außerhalb DCA verwenden

[Jayster]

Ich erstelle gerade ein Backendmodul, dass kein DCA ist, sondern ein eigenes Backendtemplate hat (also so ähnlich wie bei der Systemwartung, die ich mir als Beispiel angesehen habe). Darin würde ich gerne ein Textfeld mit Datepicker verwenden. Gibt es eine Möglichkeit, ein Inputfeld wie im DCA zu erstellen und den gewünschten Datepicker hinzuzufügen?

[fiedsch]

Wie erstellst Du denn das Textfeld? HTML-Code direkt im Template angegeben? Dann könntest du vielleicht den Code um das erweitern, was bei automatischer Genereirung (via DCA) gemacht wird. Bsp.:

<input id="ctrl_stop" class="tl_text" name="stop" value="" onfocus="Backend.getScrollOffset()" type="text">
<img id="toggle_stop" src="assets/mootools/datepicker/2.2.0/icon.gif" alt="" title="" style="vertical-align:-6px;cursor:pointer" width="20" height="20">
<script>

    window.addEvent("domready", function() {
      new Picker.Date($("ctrl_stop"), {
        draggable: false,
        toggle: $("toggle_stop"),
        format: "%d.%m.%Y %H:%M",
        positionOffset: {x:-211,y:-209},
      timePicker:true,
        pickerClass: "datepicker_bootstrap",
        useFadeInOut: !Browser.ie,
        startDay: 1,
        titleFormat: "%d. %B %Y"
      });
    });
  
</script>

Die ID ('ctrl_stop' im Beispiel) muss dann natürlich jeweils angepasst werden.

[Jayster]

@fiedsch Danke für deine Antwort. Ich habe das Feld direkt im Template. Mit deinem Code funktioniert es.

Für meine Erweiterung ist das völlig ausreichend. Es wäre aber interessant zu wissen, ob man die DCA-Syntax für Formular Felder auch an anderer Stelle verwenden kann. Irgendwo muss es ja eine Stelle geben, an der der DCA die Array-Daten in HTML-Code umwandelt.

[fiedsch]

Irgendwo muss es ja eine Stelle geben, an der der DCA die Array-Daten in HTML-Code umwandelt.

system/modules/core/classes/DataContainer.php

Ich sehe allerdings nicht, wie Du das nutzen könntest.

[benzin]

Für meine Erweiterung ist das völlig ausreichend. Es wäre aber interessant zu wissen, ob man die DCA-Syntax für Formular Felder auch an anderer Stelle verwenden kann. Irgendwo muss es ja eine Stelle geben, an der der DCA die Array-Daten in HTML-Code umwandelt.

Du kannst die Widget-Klassen direkt benutzen, z.B. hier das Text-Input-Feld. Dem Konstruktor übergibst du einfach das Konfigurations-Array, wie du es in einer Felddefinition im DCA schreiben würdest (ohne sql, natürlich, weil du ja kein Tabellenfeld konfigurierst).

[Jayster]

Danke für diese Idee. Ich habe das mal probiert, leider klappt es noch nicht ganz. Folgendes ist mein Code:

$inputStart = new \TextField([
    'label' => 'Start',
    'default' => time(),
    'inputType' => 'text',
    'eval' => array('rgxp' => 'date', 'datepicker' => true, 'tl_class' => 'w50 wizard'),
]);
$this->Template->inputStart = $inputStart->parse(); 

Mache ich etwas falsch?

[Toflar]

Der Kalender-Picker, wie auch der Color-Picker u.a. sind Spezialfälle. Sie sind nicht Teil des Widgets, sondern ein "Wizard".
Jedes Widget kann im Backend einen "wizard" annehmen, welcher im Prinzip einfach nur einen beliebigen HTML-Output nach dem Widget ausgibt. Das Widget ist also ein reguläres Text-Widget plus ein Wizard, der den Code für den Picker enthält. Nur mit dem Widget wirst du folglich nicht zum Ziel kommen.

Das "datepicker" => true im eval-Array ist im Prinzip nur eine Abkürzung, damit man nicht jedes Mal den Wizard neu schreiben muss. Was Contao dabei allerdings tut, ist genau das, es generiert dir einen Wizard.
Siehe: https://github.com/contao/core/blob/...ainer.php#L367

[Jayster]

Danke für deine Erklärung. Ich glaube, ich bleibe daher erst mal bei der Lösung von fiedsch. Also den HTML Code manuell im Template einzugeben.