jQuery Datepicker

NicoSpory

Grünschnabel
Hey Leute,

ich habe ein kleines Problemchen.
Ich benutze den jQuery UI Datepicker und möchte, dass beim auswählen eines Datums das Formular automatisch abgeschickt wird.
Dafür habe ich einen Codeschnipsel gefunden:
http://www.hackthenet.de/weblog/239/jquery-ui-datepicker-automatisch-absenden

So, jetzt mein Quellcode:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){

				// Datepicker
				$('#datepicker').datepicker({
					inline: true
				});
				
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
	
				
			});
			$(document).ready(function(){
				$("#datepicker").datepicker({
					onSelect: function(dateText){
						$(this).parent("form")[0].submit();
						
					}
				});
			});
     

		</script>
</head>

<body>
<form method="post" name="datepicker" action="index2.html">
    <input type="date" id="datepicker" name="datepicker" />
</form><div id="datepicker"></div>
</body>
</html>

Könnt ihr mir sagen, was ich falsch mache? Ich hab von JS absolut keine Ahnung.

Wenn ihr mir helfen könntet wäre das echt super!

Grüße,
Nico
 
Hi,

nimm mal die Zuweisung an die onSelect-Methode in die erste Initialisierung:
Code:
  // Datepicker
  $('#datepicker').datepicker({
    inline: true,
    onSelect: function(dateText){
      $(this).parent("form")[0].submit();
    }
  });
Ciao
Quaese
 
Zurück