jQuery ui datepicker在使用图标时不打开焦点

Question

在演示中显示:

单击输入字段旁边的图标以显示日期选择器。将日期选择器设置为按焦点打开(默认行为)，按图标打开，或同时打开。

但是，在使用图标触发器时单击输入字段似乎不会打开日期选择器。

为了更好的可用性，我想让用户选择点击输入或图标。

是否有一个简单的方法来实现这一点?

谢谢,蒂姆

Answer 1

事实证明有一种简单的方法可以实现这一点:

$("#datepicker").datepicker({ showOn: "both", buttonImage: "/images/calendar.png", buttonImageOnly: true });

http://jqueryui.com/demos/datepicker/option-showOn

Answer 2

你可以在你的文本框中添加一个"onfocus"事件然后在这个javascript事件中使用datapicker.show();

<input type="text" onfocus="javascript:showBox();" name="box1" />
<script>
   function showBox() {
     $("#datepicker").show();
  }
</script>