Question

我在这里使用Jquery JQUERY我按照文档中的说明尝试了所有可能的情况，因为没有在textbox上弹出日历，但我无法阻止它。所以任何人都可以帮我解决这个问题，只有点击图片才能弹出日历。

这是我试过的

<script type="text/javascript">
$(function() {
   $('#ctl00_ContentPlaceHolder1_TextBox2').datepick({
 showOn: 'button',
 buttonImage: 'calendar.gif',
 buttonImageOnly: true,
 changeMonth: true,
 changeYear: true,
 showAnim: 'slideDown',
 duration: 'fast'
});

});
</script>

我想要的是在image点击时加载日历，当我在Textbox

上有光标时不应该聚焦

Answer 1

你可以把你的imagebutton放在一个div或任何其他带id的元素中，然后调用datepicker函数，如下所示

<tr><td>date</td><td><asp:textbox id="txtdate" runat="server"/></td>
<td id="dtpinvoker"><asp:imagebutton id="btn" runat="server" imageurl="your image"/></td></tr>


and then in your head section 

<script type="text/javascript">
$(function() {
   $('#dtpinvoker').datepick({
 showOn: 'button',
 buttonImage: 'calendar.gif',
 buttonImageOnly: true,
 changeMonth: true,
 changeYear: true,
 showAnim: 'slideDown',
 duration: 'fast'
});

});
</script>

Answer 2

我得到了这一切

 <script type="text/javascript">
        $(function () {
            $('#ctl00_ContentPlaceHolder1_txtDateofBirth').datepick({ showOnFocus: false, showTrigger: '#Img1' });
        });
    </script>

如何仅在图像点击时弹出日历，而不是在文本框焦点上弹出日历

2 个答案: