DatePickerビューのカレンダーからテキストボックス

Question

私は自分のページの1つに日付選択ツールがあり、テキストボックス、カレンダーを表示するためのボタン、および送信ボタンがあります。カレンダーを表示するためにボタンをクリックすると、日付を選択することができ、それがテキストボックスに表示されます。しかし、ボックス内をクリックしてカレンダーを表示することもできますが、現在ボックス内をクリックすると何も起こりません。ここでは、コード（現在はヘッド部ではなく、私は後でそれを外部にする予定）です：

<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> 

そして、ここでは、テキストボックスである：

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

誰もがそれカレンダーの作り方を知っていますボックスをクリックすると表示されますか？私は手動で日付を入力することはできませんが、ボタンの代わりにテキストボックスをクリックしたいと思っています。実際には、可能であれば、ボタンを消して、ボックス内をクリックするだけでいいのですが。ありがとう！

Answer 1

私はそれを考え出しましたが、他の誰かがこの問題に遭遇した場合に質問を残しておきます。 showOn: 'button'をshowOn: 'focus'に変更してボタンが消え、テキストボックスをクリックするだけでカレンダーが表示されます。ボタンまたはテキストボックスのいずれかをクリックできるようにするには、showOn: 'both'を使用します。