php - for 循环内的时间选择器

Question

我有一个带有循环的表单，我想使用时间选择器。问题是在循环之外它工作正常，但在循环内部它不起作用。对于 3 个输入框，可以看到时间选择器，但是当选择时间时，它只会更改第一个框。

<?php for ($i = 1; $i <= 3; $i++) { ?>
    Time <input type='text' name='timepicker[<?= $i ?>]' class="datepicker_dynamic" id='timepicker[<?= $i ?>]' value=''/>
<?php } ?>

<script type='text/javascript'>
    $(document).ready(function() { 
        $('.datepicker_dynamic').timepicker({
            showLeadingZero: false,
        });
    });
</script>

Answer 1

我对您的代码进行了一些重新排列:

<?php for ($i = 1; $i <= $_SESSION["number"]; $i++) { ?>
    Time
    <input type='text' name='timepicker[<?= $i ?>]' id='timepicker_<?= $i ?>' value=''/>
    <script type='text/javascript'>
        $(document).ready(function() { 
            $('#timepicker_<?= $i ?>').timepicker({
                showLeadingZero: false,
            });
        });
    </script>
<?php } ?>

再次，我同意 @Brad 的观点，即不要生成不必要的这么多 JS 可能是个好主意，特别是当所有日期选择器的功能相同时，您可以执行以下操作并获得相同的结果:

<?php for ($i = 1; $i <= $_SESSION["number"]; $i++) { ?>
    Time
    <input type='text' name='timepicker[<?= $i ?>]' class="datepicker_dynamic" id='timepicker[<?= $i ?>]' value=''/>
<?php } ?>

并使用以下 JS:

<script type='text/javascript'>
    $(document).ready(function() { 
        $('.datepicker_dynamic').timepicker({
            showLeadingZero: false,
        });
    });
</script>

编辑:最后，问题归结为 PHP 开放标签 <? 的不当使用。 。在此添加一个小解释以供将来引用:

• <?php ?> :默认的php打开和关闭标签，默认始终启用
• <? ?> : php 短开放标签。默认情况下此功能可能被禁用，因此请在使用前检查您的 PHP 设置并启用此功能。
• <?= ?> : <?php echo ?> 的简写。同样，默认情况下可能会禁用，因此请在使用前检查您的 PHP 设置并启用。

要启用短开放标签，请检查 PHP.ini 文件中的short_open_tag