Question

我正在使用php开发并尝试将jquery的datepicker应用到我的应用程序中。我正在尝试显示与特定输入字段关联的日期选择器。我有以下代码。问题是我第一次点击输入时没有任何反应。只有当我不聚焦然后重新点击它时它才会显示选择器。如何让它在第一次点击时显示日期选择器？

<script>
function open_picker(X)
    {
        $( X ).datepicker({
            autoSize: true,
            showOtherMonths: true,
            selectOtherMonths: true });       
    };
</script>
<?php $datepickerid = "datepicker" ?>
<input id='<?php echo $datepickerid; ?>' onClick='open_picker("<?php echo "#".$datepickerid; ?>");' type='text' value='05/21/2011' size='10'>

我需要通过函数传递输入ID，因为我将使用php循环来生成具有不同ID的日期选择器输入。

提前致谢！

Answer 1

假设您正在使用JQuery UI Datepicker函数，open_picker（）不会打开日期选择器。该代码所做的是将日期选择器绑定到作为参数X传递的输入。这就是为什么在第一次单击时没有任何反应：因为第一次单击时日期选择器是创建的。你需要做什么才能通过php创建多个日期选择器：

<script type="text/javascript">
   <?php
   $datepickers_ids = array("#all", "#the", "#datepickers", ".selectors");
   for($i = 0; $i < count($datepickers_ids); $i++) { ?>
      $("<?php print $datepickers_id[$i]; ?>").datepicker();
   <?php } ?>
</script>

这将为$ datepickers_ids

中的每个选择器生成一个日期选择器

jquery datepicker onclick帮助

1 个答案: