jQuery Datepicker verschwindet hinter dem Dialog

ralle — Thu, 20 Aug 2009 14:18:27 +0000

Für dieses Problem gibt es eine einfache Lösung. Man muss dem Datepicker Element einen z-index zuweisen, der höher ist als der des Dialogs.

Hier ein Beispiel:

 
// Recht hoch gesetzt, sollte aber immer mehr als 10000 sein
$("#ui-datepicker-div").css("z-index", 10000000);
 
// Alternativ kann man auch dies versuchen um den z-index eins höher 
// als das Elternelement zu setzen
$("#ui-datepicker-div").css("z-index", $(this).parents(".ui-dialog").css("z-index")+1);

Das Datum setzen mit dem jQuery Datepicker und setDate

ralle — Sat, 15 Aug 2009 20:51:35 +0000

Das klingt zunächst einmal sehr einfach, aber ich musste doch einiges an Versuchen starten bevor es funzte, deswegen hier mal meine Lösung, zum Nachschlagen für mich selbst.


 
<script type="text/javascript">
    // Ich nutze jQuery mit Prototype, deswegen spreche ich jQuery mit $j an
	$j(function() {
 
		$j("#fromTotal").datepicker(
			{
				dateFormat: 'dd.mm.yy', // Anzeige auf Deutsch
				altField: '#fromDate',  // Aber übermittle...
				altFormat: 'yy-mm-dd'   // ...MySQL Compliant
			}
		);		
 
		// Mach mal Weihnacht
		$j("#fromTotal").datepicker('setDate', new Date ( "" ));				
 
		// oder doch besser Heute
		$j("#fromTotal").datepicker('setDate', new Date ( "" ));				
 
	});
script>

Update: Das scheint im Safari zur Zeit nicht zu funktioneren

PHP Log » Datepicker

jQuery Datepicker verschwindet hinter dem Dialog

Das Datum setzen mit dem jQuery Datepicker und setDate