Zum Inhalt springen

Datepicker lässt unter Webkit select-box verschwinden

Erstellt am 19. Juni 2013 · 2 Antworten · letzte Antwort am 20. Juni 2013

Tags: JavaScript & AJAX, Frage

tikky ·

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)

			<td>
				<input type="text" id="date" name="recs[personinfo][fax]" size="10" value="###PERSON_FAX###" readonly />
				<img src="fileadmin/bagelbrothers/img/kalender_bl.gif" id="trigger" style="cursor: pointer; border: 0px;" title="Kalender" />
			<select id="time" name="recs[personinfo][country]" value="###PERSON_COUNTRY###">
				<option value="">Zeit</option>
				<option value="8.00">Mo-Fr 8.00</option>
				<option value="8.30">Mo-Fr 8.30</option>
				<option value="9.00">Mo-Fr 9.00</option>
				<option value="9.30">Mo-Fr 9.30</option>				
				<option value="10.00">Mo-Fr 10.00</option>
				<option value="10.30">Mo-Fr 10.30</option>
				<option value="11.00">Mo-Fr 11.00</option>
				<option value="11.30">Mo-Fr 11.30</option>
				<option value="12.00">Mo-Fr 12.00</option>
				<option value="12.30">Mo-Fr 12.30</option>
				<option value="13.00">Mo-Fr 13.00</option>
				<option value="13.30">Mo-Fr 13.30</option>
				<option value="14.00">Mo-Fr 14.00</option>
				<option value="14.30">Mo-Fr 14.30</option>
				<option value="15.00">Mo-Fr 15.00</option>
				<option value="15.30">Mo-Fr 15.30</option>
				<option value="16.00">Mo-Fr 16.00</option>
				<option value="16.30">Mo-Fr 16.30</option>
				<option value="17.00">Mo-Fr 17.00</option>
				<option value="17.30">Mo-Fr 17.30</option>
				<option value="18.00">Mo-Fr 18.00</option>
			</select>
			</td>

hier das Setup des Kalenders:

<script type="text/javascript">
    Calendar.setup({
        inputField     :    "date",     // id of the input field
        ifFormat       :    "%d. %b. %Y " ,     // format of the input field
        button         :    "trigger",  // trigger for the calendar (button ID)
        align          :    "Bl",           // alignment (defaults to "Bl" Bottom left+)
        singleClick    :    true,
        firstDay       :   1
    });
</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

karlchen ·

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

tikky ·

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.