0

ユーザーが可能な計算科学プロジェクトを提出できるようにするページを設計しています。ある段階で、ユーザーはプロジェクトが実行される期間を入力する必要があります。ユーザーを簡単にするために、jQuery の datepicker メソッドを使用して from: to: フィールドに入力しようとしていますが、ユーザーが適切なフィールドを選択したときにスクリプトを実行できません。

これまでのところ、次のスクリプトがあります。

<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 datepicker ウィジェットが表示されないことです。標準<input>タグを使用して定義されたフィールドをクリックすると、正しく機能します。

どんな助けでも大歓迎です、ありがとう。

4

3 に答える 3

0

次の方法で問題を解決できました。

スクリプトを次のように変更しました。

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

        });
    });
</script>

そして私のjsfタグを次のようにします：

<h:inputText styleClass="datepicker"/>

フィールドを選択すると、datepicker ウィジェットが表示されるようになりました。私を正しい軌道に乗せてくれた DannyThunder に感謝します。

于 2013-09-24T19:10:21.153 に答える
0 
<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-24T11:14:45.297 に答える