在img单击时调用jQuery timepicker

目前，jQuery时间选择器组件是通过单击输入来调用的

这是时间选择器配置：

    <script>
     ...
oScript.text += "var timeId = '#' + '<portlet:namespace/>' + '_time';";
oScript.text += "$j(timeId).timePicker({startTime:new Date(0, 0, 0, 0, 0, 0), step: 30});";   
     ...
    </script>

...
oScript.text++=“var timeId=”#“+”++“_time”；”；
oScript.text+=“$j（timeId）.timePicker（{startTime:newdate（0,0,0,0,0,0），step:30}”）；
...

这是timepicker的jsp部分（使用特定id输入）：

---

我希望回应到目前为止没有人做过的事情

因此，解决方案似乎要简单得多，在onClick上挂起时间选择器调用

您只需单击图像即可聚焦输入：

<img id="time-img" onClick="jQuery('#<portlet:namespace/>_time').focus()"/>



感谢插件的作者：

因此，此解决方案可用于其他类似情况，如日期选择器等。
另一种可能性（可能更简单）是将图像用作字段的背景图像。然后，当用户单击图像时，他们实际上是在单击输入，因此选择器按需要显示。此解决方案不需要JS代码。例如：

<input type="text" id="demo" />
<style type="text/css">
  #demo
  {
    background-image:url("image.png");
    background-position:right center;
    background-repeat:no-repeat;
  }
</style>


#演示
{
背景图片：url（“image.png”）；
背景位置：右中；
背景重复：无重复；
}

<img id="time-img" onClick="jQuery('#<portlet:namespace/>_time').focus()"/>

<input type="text" id="demo" />
<style type="text/css">
  #demo
  {
    background-image:url("image.png");
    background-position:right center;
    background-repeat:no-repeat;
  }
</style>