javascript - Jquery DatePicker 设置为不自动打开

Question

<div id="newSwitchDialog">
        <span id="name"></span><br /><br />
        <table>
            <tbody>
                <tr>
                    <td>Effective Date: </td>
                    <td><input type="text" id="startDate" /><br /></td>
                </tr>
                <tr>
                    <td>End Date: </td>
                    <td><input type="text" id="endDate" /></td>
                </tr>
            </tbody>
        </table>
    </div>

当我通过点击事件打开这个对话框时:

$('#yup').live('click', function () {
            $('#name').text($('#selectedSponsorName').text());
            $("#newSwitchDialog").dialog('open');
        });

日期选择器会在第一次输入时自动弹出。我如何让它不那样做？我找到的唯一选项是将其设置为在单击按钮时打开，但我找不到任何 autoOpen 之类的东西。

谢谢。

Answer 1

尝试将包含日期选择器小部件的字段的 tabindex 属性设置为 -1:

<input type="text" id="startDate" tabindex="-1" />

(与 endDate 相同)

之前: http://jsfiddle.net/NzfwD/

之后: http://jsfiddle.net/pyJUR/