使用图标时，jQuery ui datepicker无法在焦点上打开

Question

在demo中说：

  

单击输入字段旁边的图标以显示日期选择器。将日期选择器设置为在焦点（默认行为），图标单击或两者上打开。

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

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

有没有一种简单的方法可以达到这个目的？

谢谢，

添

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>