Ввод Jquery Datepicker - PullRequest
       6

Ввод Jquery Datepicker

0 голосов
/ 14 ноября 2018

Я добавляю поля ввода с одним и тем же идентификатором динамически. Но когда я фокусируюсь на поле ввода и выбираю дату из указателя даты, это значение обновляется в первом элементе поля ввода. Как я могу обновить значение в целевом поле ввода?

* ** 1003 тысяча два * Пример is here

Ответы [ 2 ]

0 голосов
/ 15 ноября 2018

В вашем HTML есть ряд ошибок. Вы не можете присвоить id более чем одному элементу.

Я отредактировал ваш HTML и Jquery.

См. Рабочую скрипку здесь .

0 голосов
/ 15 ноября 2018

Попробуйте это ... вы хотите связать, используя класс.

$(function(){  
   $(document).on('focus', '.datepick', function () { 
    $(this).datepicker({ dateFormat: 'dd.mm.yy' });
    });    
    
});
.fields {
  margin-top: 20px;
  margin-left: 20px;
}
<div class = 'fields'>
<input id="field1" type="text" class="datepick"/>
</div>
<div class = 'fields'>
<input id="field2" type="text" class="datepick"/>
</div>
<div class = 'fields'>
<input id="field3" type="text" class="datepick"/>
</div>

 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
...