DatePicker Kalender von Textbox anzeigen

Question

Ich habe eine Datumsauswahl auf einer meiner Seiten, und es hat ein Textfeld, eine Schaltfläche zum Klicken, um den Kalender anzuzeigen, und eine Absenden-Taste. Wenn ich auf die Schaltfläche klicke, um den Kalender anzuzeigen, kann ich das Datum auswählen und es wird im Textfeld angezeigt. Ich möchte jedoch auch in der Lage sein, in das Feld zu klicken, um den Kalender anzuzeigen, aber derzeit passiert nichts, wenn ich in das Feld klicke. Hier ist der Code (zur Zeit im Kopfteil aber ich plane, um es externen später zu machen):

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" /> 
<script type="text/javascript"> 
    $(function() { 
     $("[id$=TextBox1]").datepicker({ 
      showOn: 'button', 
      buttonImageOnly: true, 
      buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif' 
     }); 
    }); 
</script> 

Und hier ist die Textbox:

<asp:TextBox ID="TextBox1" runat="server" ReadOnly="true"></asp:TextBox> 
<asp:Button ID="btnSave" runat="server" Text="Edit Comments" OnClick="editComments_Click" /> 

Wer weiß, wie es zu machen, so der Kalender taucht auf, wenn ich in die Box klicke? Ich möchte das Datum nicht manuell eingeben können, aber ich möchte in der Lage sein, auf das Textfeld anstelle der Schaltfläche zu klicken. In der Tat, wenn möglich, möchte ich in der Lage sein, den Knopf loszuwerden und einfach in das Feld zu klicken. Vielen Dank!

Answer 1

Ich habe es herausgefunden, aber ich werde die Frage aufheben, falls jemand anderes auf dieses Problem stößt. Alles, was Sie tun müssen, ist showOn: 'button' zu showOn: 'focus' ändern, und dann die Schaltfläche verschwindet und Sie nur auf das Textfeld klicken, um den Kalender anzuzeigen. Wenn Sie entweder auf die Schaltfläche oder das Textfeld klicken möchten, verwenden Sie showOn: 'both'.