MVC 中的 jQuery DatePicker 和 JQuery 模态弹出窗口问题

Question

我有一个表格：

• 一个视图
• popup1（带有 popup1.js）

• popup2（带有 popup2.js）

• 我已将输入框设置为具有 popup1Date 或 popup2Date 类，以防
  问题在于将它们全部设置为相同的日期类。

如果我进入popup1 - 关闭 - 然后进入popup2 - 选择一个日期，就会发生这种情况，它不会在输入框中设置日期。

如果我只进入一个弹出窗口，它就可以正常工作。

此外，我尝试在 popup1 的 onSelect 中设置一个警报，它似乎在 popup2 的 onselect 上触发，即使它们位于不同的 .js 文件中。

有很多代码要发布，所以我希望有人遇到过类似的问题或有任何建议或指示。

这里至少是日期代码：

//EDIT
$('#BaseReconEdit').live('click', function(e) {
    var url = '/PaymentVariable/EditBaseRecon/' + $(this).attr('rowsid');
    $.get(url, function(data) {
        $('#VarBaseRecon_InputDiv').html(data);


        //date code
        $('.popUp1Date).datepicker({
            showOn: 'button',
            onSelect: function(date) { alert(date) },
            buttonImage: '/Content/images/Control_MonthCalendar.bmp',
            buttonText: 'Enter Date',
            buttonImageOnly: true,
            dateFormat: 'dd/mm/yy',
            yearRange: '-20:+20',
            changeMonth: true,
            changeYear: true
        });
    });

    $('#VarBaseRecon_InputDiv').dialog('option', 'title', 'Edit Base Recon');
    $("#VarBaseRecon_InputDiv").dialog('open');

    e.preventDefault();
});

如您所见，我单击一个按钮，加载部分并设置它自己的 datePicker。此代码类似，但在另一个 .js 文件中具有唯一的类 ID。

感谢任何帮助

谢谢

Answer 1

我让它工作的唯一方法是将 id 分配为选择器而不是类。这样，就没有混乱了。