动态添加的部分视图，其中日期选取器无法按预期工作

我有一个具有多个控件的部分视图(_SubView(

<script type="text/javascript">
 $(document).ready(function () {
        $(".datepicker").datepicker({
            showOn: 'both',
            dateFormat: 'dd-MM-yy',
            buttonImage:   "@Url.Content("~/Content/Images/Icons/Calendar.png")" , //"../../Content/Images/Icons/Calendar.png",
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true,
        //altFormat: 'yymm',
        onClose: function (dateText, inst) {
            $(this).datepicker();
            $(this).change();
        }
        });
    $(".datepicker").datepicker().keydown(function (e) {
        e.preventDefault();
        //   TAB: 9
        //  LEFT: 37
        //    UP: 38
        // RIGHT: 39
        //  DOWN: 40
        //             IE        OTHER
        var code = e.keyCode || e.which;
        DatePickerKeyDownEvent($(this).val(), code);
        if (currentDate != null) { $(this).datepicker("setDate", currentDate); }
        });
});
</script>
@using(Html.BeginCollectionItem("form")
{
// A set of labels and dropdown controls
@Html.TextBoxFor(x => x.MaturityDate, new { @class = "datepicker", @title = "Enter Maturity Date",id="date-picker" })
}

在主视图中，我有一个按钮"添加新项目"。当用户单击"添加新项"时，_SubView将动态添加到主视图中。

问题：

当用户动态地将多个部分视图添加到主视图并尝试更改单个到期日期时，日期仅在最初添加的部分视图中更改。但是，当用户尝试使用键控事件更改日期时，相应的日期控件正在正确更改，没有任何问题。

谁能帮我到底哪里做错了？

问候