Datepicker lässt unter Webkit select-box verschwinden [Gelöst]

  • tikky tikky
    Padawan
    0 x
    53 Beiträge
    0 Hilfreiche Beiträge
    19. 06. 2013, 17:09

    Hallo liebe Gemeinde,

    ich habe ein TYPO3 übernommen, in dem der "erotea_date2cal" Datepicker (eigentlich eine BE-Extension) im FE genutzt wird.

    TYPO3 v4.5.5
    erotea_date2cal v1.2.0 von 2005 (wird nicht weiterentwickelt)

    Thread den ich gefunden habe wie man es im FE nutzt (hat mein Vorgänger in dieser weise eingebaut)
    http://lists.typo3.org/pipermail/typo3-german/2007-June/034536.html

    nun das Problem:

    ich habe ein Textfeld, dann ein Icon, dann ein Select-Feld. Das alles in einer Tabellenzelle.
    Über das Icon wird der Kalender getriggert, der bei auswahl eines Datums dieses in das Textfeld schreibt.

    Wenn nun der Kalender getriggert wird, verschindet das Select-Feld (nur im Safari und Chrome unter MAC OS)

    1. <td>
    2. <input type="text" id="date" name="recs[personinfo][fax]" size="10" value="###PERSON_FAX###" readonly />
    3. <img src="fileadmin/bagelbrothers/img/kalender_bl.gif" id="trigger" style="cursor: pointer; border: 0px;" title="Kalender" />
    4. <select id="time" name="recs[personinfo][country]" value="###PERSON_COUNTRY###">
    5. <option value="">Zeit</option>
    6. <option value="8.00">Mo-Fr 8.00</option>
    7. <option value="8.30">Mo-Fr 8.30</option>
    8. <option value="9.00">Mo-Fr 9.00</option>
    9. <option value="9.30">Mo-Fr 9.30</option>
    10. <option value="10.00">Mo-Fr 10.00</option>
    11. <option value="10.30">Mo-Fr 10.30</option>
    12. <option value="11.00">Mo-Fr 11.00</option>
    13. <option value="11.30">Mo-Fr 11.30</option>
    14. <option value="12.00">Mo-Fr 12.00</option>
    15. <option value="12.30">Mo-Fr 12.30</option>
    16. <option value="13.00">Mo-Fr 13.00</option>
    17. <option value="13.30">Mo-Fr 13.30</option>
    18. <option value="14.00">Mo-Fr 14.00</option>
    19. <option value="14.30">Mo-Fr 14.30</option>
    20. <option value="15.00">Mo-Fr 15.00</option>
    21. <option value="15.30">Mo-Fr 15.30</option>
    22. <option value="16.00">Mo-Fr 16.00</option>
    23. <option value="16.30">Mo-Fr 16.30</option>
    24. <option value="17.00">Mo-Fr 17.00</option>
    25. <option value="17.30">Mo-Fr 17.30</option>
    26. <option value="18.00">Mo-Fr 18.00</option>
    27. </select>
    28. </td>

    hier das Setup des Kalenders:

    1. <script type="text/javascript">
    2. Calendar.setup({
    3. inputField : "date", // id of the input field
    4. ifFormat : "%d. %b. %Y " , // format of the input field
    5. button : "trigger", // trigger for the calendar (button ID)
    6. align : "Bl", // alignment (defaults to "Bl" Bottom left+)
    7. singleClick : true,
    8. firstDay : 1
    9. });
    10. </script>

    Falls jemand eine Idee hat was da schief läuft oder wie ich das beheben kann wäre ich sehr dankbar über eine Antwort.

    Liebe Grüße
    Tikky


  • 1
  • karlchen karlchen
    Jedi-General
    0 x
    1433 Beiträge
    30 Hilfreiche Beiträge
    20. 06. 2013, 10:30

    wird wahrscheinlich ein Javascript Problem sein.
    Ich würde vorschlagen auf einen aktuellen Datepicker umzusteigen. Über google findest du da eine ganze Menge.

  • tikky tikky
    Padawan
    0 x
    53 Beiträge
    0 Hilfreiche Beiträge
    20. 06. 2013, 17:44

    Da ich keine Lösung gefunden habe, es mit dem Bestehenden Datepicker zu machen, habe ich alles auf jQuieryUI und das Datepicker Widget welches mitgeliefert wird umgestellt.

    Edith:
    Grad erst gesehen das eine Antwort da war. Vielen Dank das Du dich gemeldet hast.

  • 1