Jquery 如何多次使用日期选择器？

这是我的表格：

<div class="educationalInfo__wrapper">
  <div class="row educationalInfo">
    <div class="col-md-2">
    <form>            
        <div class="col-md-2">
            <div class="form-group">
                <label><code>* </code>تاریخ شروع</label>
                <input type="text" class="clear startdate" name="education[startdate][]" id="startdate" tabindex="14">
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group">
                <label><code>* </code>تاریخ پایان</label>
                <input type="text" class="enddate clear" name="education[enddate][]"" id="enddate"  tabindex="14">
            </div>
        </div>
        <div class="col-md-1 col-sm-1 col-xs-2">
            <div class="form-group plus-mg">
                <label></label>
                <a href="javascript:void(0)" id="educationalInfo__add" tabindex="42">
                    <span class="glyphicon glyphicon-plus"></span>
                </a>
            </div>
        </div>

    </form>
     </div>
  </div>
</div>

我正在使用克隆复制表单：

$('#educationalInfo__add').click(function () {
    var clone_r = $('.educationalInfo').eq(0).clone(true);
    clone_r.find('.clear').val('');
    $('.educationalInfo__wrapper').append(clone_r);



    $(".gpa").mask("99/99", {placeholder: "../.."});
    $(".enddate").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '-50:-15',
        dateFormat: 'yy/mm/dd'
    });
    $(".startdate").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '-50:-15',
        dateFormat: 'yy/mm/dd'
    });



});

但日期选择器只对第一个有效，即使我点击另一个，它也只属于第一个。 我使用了类，但它不起作用。有了这个描述，有人可以帮我解决这个问题？？？

试试这段代码

$('#educationalInfo__add').click(function() {
    var clone_r = $('.educationalInfo').eq(0).clone(false);
    clone_r.find('.clear').val('');
    $('.educationalInfo__wrapper').append(clone_r);
    //$(".gpa").mask("99/99", {placeholder: "../.."});
    clone_r.find('.startdate').each(function() {
        $(this).removeAttr('id').removeClass('hasDatepicker'); // 
        $('.startdate').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '-50:-15',
            dateFormat: 'yy/mm/dd'
        });
    });
    clone_r.find('.enddate').each(function() {
        $(this).removeAttr('id').removeClass('hasDatepicker'); // 
        $('.enddate').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '-50:-15',
            dateFormat: 'yy/mm/dd'
        });
    });
});


$(".enddate").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: '-50:-15',
    dateFormat: 'yy/mm/dd'
});
$(".startdate").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: '-50:-15',
    dateFormat: 'yy/mm/dd'
});

---

你试过了吗：

$（“.enddate”，clone\r）.datepicker…

？它不起作用：（你能发布完整的html吗？）我找不到这个类

教育信息

@George我在你克隆它的时候做了，同时还创建了多个id=“startdate”，id=“enddate”等等。重复的ID在同一个DOM树中总是有害的，特别是在这种情况下。另外name=“education[enddate][]”结尾包含一个额外的。