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>