动态表脚本问题中的日期选择器

时间:2016-05-26 09:42:55

标签: javascript jquery datepicker

我正在处理一个表格,我需要一个动态表格,并在其中包含日期和日期字段。该脚本适用于第一行,但是datepicker不会显示在第二行(动态添加的)行中。我在论坛上搜索并获得了this线程,其中初始化了datepicker。我无法理解如何在我需要替换元素的名称和值字段的代码中执行此操作。对于所有行,也应该开始日期和结束日期验证。有人可以告诉我如何继续这段代码吗?

$(document).ready(function () {
$("#addNew").click(function (e) {

     e.preventDefault();
     var $tableBody = $("#dataTable");
     var $trLast = $tableBody.find("tr:last");
     var $trNew = $trLast.clone();

     var suffix = $trNew.find(':input:first').attr('name').match(/\d+/);
     $trNew.find("td:last").html('<a href="#" class="remove">Remove</a>');

     $.each($trNew.find(':input'), function (i, val) {
     // Replaced Name    
     var oldN = $(this).attr('name');
     var newN = oldN.replace('[' + suffix + ']', '[' + (parseInt(suffix) + 1) + ']');

     $(this).attr('name', newN);

     //Replaced value
     $trNew.find("input").val("");

     // If you have another Type then replace with default value
     $(this).removeClass("input-validation-error");

   });

   $trLast.after($trNew);

  // 2. Remove

  $(document).on("click", "a.remove", function (e) {
      e.preventDefault();
      $(this).parent().parent().remove();
    });


    $('#datetimepicker6').datetimepicker({
            format: 'DD/MM/YYYY'

        });
        $('#datetimepicker7').datetimepicker({

            format: 'DD/MM/YYYY',
            useCurrent: false 

        });
        $("#datetimepicker6").on("dp.change", function (e) {
            $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
        });
        $("#datetimepicker7").on("dp.change", function (e) {
            $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
        });

 });

0 个答案:

没有答案