Datepicker 在动态创建的输入中不起作用答案

【问题标题】：Datepicker not working inside dynamically created inputDatepicker 在动态创建的输入中不起作用
【发布时间】：2020-01-13 05:16:36
【问题描述】：

我使用 Datepicker，并且我有一个用 jQuery 创建的 input。 Datepicker 不起作用，但可以与任何正常的input 一起使用。当我单击输入时，它不显示任何内容。

$('.add-victim-row').on('click', function() {
  addVictimRow();
})

function addVictimRow() {
  var tr = '<tr>' +
    '<input type="text" class="form-control myDate-picker" id="victim_dob" name="victim_dob[]" autocomplete="off" placeholder="yyyy-mm-dd">' +
    '</td>' +
    '<td><span class="btn btn-danger btn-sm victim-remove-row"><i class="fa fa-times"></i></span></td>' +
    '</tr>';

  $('.victim-table tbody').append(tr)
}

【问题讨论】：

您需要在添加到 DOM 的新内容上初始化日期选择器，就像您在页面加载时所做的那样
如何将datepicker 应用于任何输入？
同idvictim_dob似乎有问题
感谢我的兄弟在函数 datepicker 工作中使用代码，但只更改第一个输入
您需要提供动态类或输入ID

标签： jquery laravel datepicker

【解决方案1】：

试试这个：

jquery:

$(document).ready(function(){
  $( function() {
    $("#datepicker1").datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat: 'dd/mm/yy'
    });
  });
});

html:

<label>Date</label>
<input id="datepicker1" name="date">

【讨论】：