使用jquery脚本设置h：inputtext字段的值

Posted 2021-03-28

我正在设计一个页面，该页面应该允许用户提交可能的计算科学项目，并且在一个阶段，用户将必须输入项目将运行的持续时间。为了让用户更容易，我正在尝试使用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>标记定义的字段可正常工作。

非常感谢任何帮助，谢谢。

答案

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

希望这对你有用（没试过）。

另一答案

我设法通过以下方式解决了我的问题：

将我的脚本更改为：

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

        });
    });
</script>

和我的jsf标签：

<h:inputText styleClass="datepicker"/>

现在，当我选择字段时，将显示datepicker小部件。感谢DannyThunder让我走上正轨。

另一答案

这是我的答案：

<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获得了信息

最好的祝福