使用jQuery腳本設置h：inputtext字段的值

我正在設計一個頁面，該頁面應該允許用戶提交可能的計算科學項目，並且在一個階段用戶將不得不輸入項目運行的持續時間。爲了讓用戶更容易，我試圖用jQuery的datepicker方法填寫from：to：字段，但是當用戶選擇適當的字段時，我無法運行腳本。使用jQuery腳本設置h：inputtext字段的值

到目前爲止，我已經得到了下面的腳本：

<h:outputScript library="jquery" name="jquery-1.9.1.js"/> 
<h:outputScript library="jquery" name="jquery-ui-1.10.3.custom.js"/> 
<h:outputScript library="jquery" name="jquery-ui-1.10.3.custom.min.js"/> 

<h:head> 
    <title>Add project</title> 

    <script type="text/javascript" id="setDate"> 
     $(function() { 
      $(" #datepicker ").datepicker(); 
     }); 
    </script> 
    <!-- rest omitted for readability -->

和我H：inputText的是這樣的：

<h:inputText id="setDate" value="" onclick="$('#datepicker').datepicker();"/> 
<p>Date: <input type="text" id="datepicker" /></p>

我曾嘗試，使其工作，而無需使用任何JSF標籤和設法啓動並運行，但我似乎可以使它與jsf標籤一起工作。

問題是，當在瀏覽器中的jQuery日期選擇器小部件不會顯示在單擊字段上。點擊使用標準<input>標籤定義的字段可正常工作。

任何幫助非常感謝，謝謝。

來源

2013-09-24 MWold

問題是什麼？ –

對不起，可能有點不清楚。問題是，當在瀏覽器中選擇輸入字段時，datepicker小部件不顯示。使用正常的標籤時，這不是問題。只有在使用JSF – MWold

時爲什麼你有兩個標籤id =「setDate」？ – DannyThunder

<script type="text/javascript"> 
$(document).ready(function() { 
    function openDatePicker(){ 
     $("#datepicker").datepicker(); 
    } 
}); 
</script> 

<h:inputText id="setDate" value="" onclick="openDatePicker();"/> 
<p>Date: <input type="text" id="datepicker" /></p>

希望這會爲你工作（還沒試過）。

來源

2013-09-24 11:14:45 DannyThunder

不，這不適用於我，它仍然沒有響應。 – MWold

我設法通過稍微調整您的答案來實現它，非常感謝您讓我走上正軌。 – MWold

@MWold，你做了什麼？一旦我編輯它，立即發佈編輯並檢查我的答案是否正確？ :-) – DannyThunder

我設法解決下列方式我的問題：

改變了我的腳本：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".datepicker").datepicker({ 

     }); 
    }); 
</script>

和我的JSF標籤：

<h:inputText styleClass="datepicker"/>

現在的日期選擇控件將顯示當我選擇該字段時。感謝DannyThunder讓我走上正軌。

來源

2013-09-24 19:10:21 MWold

使用jQuery腳本設置h：inputtext字段的值

回答

相關問題