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() {
   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 回答
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>
   jQuery(document).ready(function($) {
     $('#signup-form\\:email').checkEmailFormat();      
   });
</script>

对于 Primefaces：

<script>
   jQuery(document).ready(function($) {
    $(PrimeFaces.escapeClientId('signup-form:emil')).checkEmailFormat();
   });
</script>

我从mkyong.com得到信息

此致

于 2018-11-24T21:10:01.373 回答