Question

我有一个具有多个控件的部分视图（_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" })
}

在主视图中，我有一个按钮＆＃34;添加新项目＆＃34;。当用户点击Add New Item时，_SubView将动态添加到主视图中。

问题：

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

任何人都可以帮我确切地说我做错了吗？

此致

Answer 1

我认为问题正在发生，因为您将输入ID设置为＆＃34; date-picker＆＃34;，删除id="date-picker"

动态添加部分视图，DatePicker无法按预期工作

1 个答案: