Jquery DatePicker设置为不自动打开

时间:2011-10-28 18:26:50

标签: javascript html jquery-ui datepicker jquery-ui-datepicker

<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');
        });

datepicker会自动弹出第一个输入。我该怎么做呢?我发现的唯一选项是将其设置为在按钮点击时打开,但我找不到任何autoOpen类的东西。

感谢。

1 个答案:

答案 0 :(得分:16)

尝试将包含datepicker小部件的字段的tabindex属性设置为-1

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

endDate相同)

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

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