单击文本框和日历按钮时如何设置datepicker?

pre*_*eth 3 jquery

嗨我有两个文本框和两个日历按钮旁边,当你按下日历按钮然后它弹出一个日历然后所选日期将进入文本框但现在我的要求是甚至当按下文本框时也应该压缩弹出窗口应该来吧,当点击日历按钮时也应该来.在这里我的代码去...请cdan任何人帮我如何修改我的代码,以实现我的要求,因为我说.....

<script>
$(function() {
 $( "#datepicker1" ).datepicker({
dateFormat: "dd/mm/yy" ,
 showOn: "button",
 buttonImage: "images/cal.gif",
 buttonImageOnly: true
 });
 });
$(function() {
$( "#datepicker2" ).datepicker({
    dateFormat: "dd/mm/yy" ,
showOn: "button",
buttonImage: "images/cal.gif",
buttonImageOnly: true
});
});
  </script>
<body>
<tr>
<td>Memo Start Date :</td>
<td><form:input name="dateOfBirth" id="datepicker1" path="memoStartDate" /> 
    </td>
 </tr>
   <tr>
    <td>Memo End Date :</td>
<td><form:input id="datepicker2"  path="memoEndDate" /> </td>
    </tr>           
       <tr>
Run Code Online (Sandbox Code Playgroud)

Aru*_*hny 6

使用showOn:"both"选项进行设置

$(function () {
    $("#datepicker1").datepicker({
        dateFormat: "dd/mm/yy",
        showOn: "button",
        buttonImage: "images/cal.gif",
        buttonImageOnly: true,
        showOn: "both"
    });
});
$(function () {
    $("#datepicker2").datepicker({
        dateFormat: "dd/mm/yy",
        showOn: "button",
        buttonImage: "images/cal.gif",
        buttonImageOnly: true,
        showOn: "both"
    });
});
Run Code Online (Sandbox Code Playgroud)

演示:小提琴