jQuery timepicker調用img點擊

現在jQuery timepicker組件被調用，點擊輸入。jQuery timepicker調用img點擊

這是timepicker配置：

<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>

這是timepicker JSP部分（輸入與特定ID）：

<input id="<portlet:namespace/>_time" name="time" size="6" autocomplete="off" value="${eventTime}" 
<img id="time-img" class="ui-timepicker" src="${eventTimeImage}" alt="..." title="..."/>

所以此工程確定。

如果處理點擊IMG，那JS錯誤傷心，該ID「沒有定義」，而ID是一樣的，導致HTML

這對於IMG標記修改後的代碼渲染，以便調用時間選擇器：

<img id="time-img" onClick="jQuery(<portlet:namespace/>_time).timePicker({startTime:new Date(0, 0, 0, 0, 0, 0), step: 30});" src="${eventTimeImage}"/>

用引號試過了id，結果相同。

Timepicker可能嗎？我的意思是用onClick調用它。或者它被加載一次？

來源

2009-12-01 sergionni

我想回應，至今沒有人做過。

因此，解決方案似乎更簡單，即掛上onClick的Timepicker調用。

呦只需要點擊與焦點輸入圖像：

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

由於插件的作者：Timepicker site

因此該解決方案可以在其他類似的情況下使用，datepickers等

來源

2009-12-02 10:01:01 sergionni

太棒了！它甚至適用於： – chech 2012-05-23 15:25:21

另一種可能性（也許更簡單）是使用圖像作爲該領域的背景圖像。然後，當用戶點擊圖像時，他們真的點擊了輸入，所以選擇器顯示爲所需。該解決方案不需要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>

來源

2010-05-10 17:21:09

jQuery timepicker調用img點擊

回答

相關問題