在新的附加行中插入日期选择器

Question

如何使用jquery在新添加的行中插入日期选择器。

$(document).on('click', '.fa-plus-square', function () {
   var row = $('.installment').html();
   $('.payment').append('<div class="form-group"><div class="row vertical-offset-10">' + row + '</div></div>');
   $(row).find('.installment_date').datepicker();
});

我使用了此代码，但它无效。

Answer 1

尊敬的亲爱的请尝试以下代码！

$(document).on('click', '.fa-plus-square', function () {
   var row = $('.installment').html();
   $('.payment').append('<div class="form-group"><div class="row vertical-offset-10">' + row + '</div></div>');
   $('.payment').find('.installment_date:last').datepicker();
});

希望它为你工作:)）

问题是，你在＆＃34;分期付款＆＃34;中初始化datepicker类但是你想在追加div

之后初始化datepicker

Answer 2

检查此脚本：

＆＃13;

＆＃13;

$(function() {
 	$("#add").click(function() {
   var data = '<p>Date: <input class="datepicker" type="text"></p>';
   $('#append').append(data);
  });
 $(document).on('click', '.datepicker', function() {
  $( this ).datepicker();
 });
 
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div class="demo">

<p>Date: <input class="datepicker" type="text"></p>
</div>
<div id="append"></div>
<button id="add">Add button</button>

＆＃13;

＆＃13;

＆＃13;