jQuery:日期选择器开始在对话框中打开，仅在 IE 中

Question

我在使用 jQuery 对话框时发现了一个有趣的错误，其中对话框中的第一个字段是日期选择器。在 IE 中打开该对话框时，第一个字段的日期选择器会自动打开。在其他浏览器中不会发生这种情况。有谁知道如何防止 IE 中发生这种情况？

我尝试将 .blur() 放入 document.ready 部分，但没有成功。还有其他人遇到过这个问题吗？

我使用的是MVC3和IE8

Answer 1

@ManseUK 的解决方案实际上有问题；当打开对话框并且用户单击日期选择器的文本框时，它不会第一次打开。该解决方案应该适用于所有预期的情况。

我不确定作者是谁，但我在 CleanCode.co.nz 上找到了解决方案

HTML

<input type="button" value="Show Popup" id="button"/>
<div id="popup">
    <div>
        Date: <input type="text" id="datePicker3" >
    </div>
    <div>
        Name: <input type="text" id="UserName">
    </div>
</div>​

jQuery

$(document).ready(function() {
    $("#popup").dialog({
        autoOpen: false,
        resizable: false,
        height: 300,
        width: 400,
        modal: true,
        open: function() {
            $('#datePicker3').removeAttr("disabled");
        },
        close: function () {
            $('#datePicker3').datepicker('hide');
        }
    });

    $("#datePicker3").datepicker();

    $("#button").click(function() {
        $('#datePicker3').attr("disabled", true);

        $("#popup").dialog("open");
    });
});​

Working JSFiddle

*您需要启用 jQuery UI，然后单击“运行”