Bootstrap datepicker динамически обновляет несколько строк

Question

У меня есть таблица, которая содержит несколько строк из базы данных, в этой таблице у нас есть столбец для даты, который выбирает дату сегодня только для одной строки. Поскольку у нас есть несколько строк, мне нужно обновить указатель даты на все строки.

Я пытался добавить его в одну строку.

<script>
    $('#datePicker').datepicker({
                format:'MM-dd-yyyy',
            }).datepicker("setDate",'now');
</script>

<td>
                                        <input type="text" name="DOD" 
style="width: 9.5em" id="datePicker">
                                </td>

Answer 1

Если у вас есть несколько сборщиков дат в нескольких строках, вы не можете назначить их с одинаковым идентификатором datePicker. Вам нужно использовать class:

<table>
    <tbody>
        <tr>
            <td>
                <input type="text" class="date-picker" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" class="date-picker" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" class="date-picker" />
            </td>
        </tr>
        ...
    </tbody>
</table>

<script>
    $('.date-picker').datepicker({
        format:'MM-dd-yyyy',
    }).datepicker("setDate",'now');
</script>