Несколько экземпляров jQuery DatePicker в форме - PullRequest
Новая
       42

Несколько экземпляров jQuery DatePicker в форме

0 голосов
/ 20 октября 2019

Мне нужно использовать jQuery DatePicker в двух местах формы.

Мой HTML-код полей формы выглядит так: 

<td>
    <label>Remind Date</label>
</td>
<td class="remind_date_td col-xm-12">
    <input class="form-control datepicker" type="text">
    <span class="input-group-text no_border" style="padding:0px; background: transparent;">
        <i class="fas fa-calendar-alt"></i>
    </span>
</td>

& 

<td>
    <label>Due Date</label>
</td>

<td class="td_border dateHeight col-xm-12">
    <input class="form-control datepicker" type="text">
    <span class="input-group-text no_border" style="padding:0px; background: transparent;">
        <i class="fas fa-calendar-alt"></i>
    </span>
</td>

Мой код jQuery выглядит так: 

$('.datepicker').each(function(){
    $(this).datepicker({ dateFormat: "yy-mm-dd", showAnim: "blind"}).datepicker("setDate", new Date());
});

Мойвывод выглядит как показано ниже

enter image description here

Предполагается, что DatePicker будет отображаться чуть ниже поля ввода, но он появляется в другом месте.

...