Jquery 日期选择器输入

Question

我动态添加具有相同“id”的输入字段。但是，当我专注于输入字段和 select 来自日期选择器的日期时，此值会在第一个输入字段元素上更新。如何更新目标输入字段的值？

Exampleis here

Answer 1

试试这个...您想使用 class 进行绑定。

$(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>

Answer 2

您的 HTML 中存在一些错误。您不能将 id 分配给多个元素。

我已经编辑了你的 HTML 和 Jquery。

查看工作 fiddle here。

Jquery 日期选择器输入

Jquery Datepicker input

jquery

jquery-ui-datepicker