Question

我的某个页面上有一个日期选择器，它有一个文本框，一个用于单击以查看日历的按钮，以及一个提交按钮。当我单击按钮查看日历时，我可以选择日期并显示在文本框中。但是，我也希望能够在框内单击以查看日历，但是当我在框中单击时，当前没有任何反应。这是代码（目前在头部，但我打算稍后将其设为外部）：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript">
    $(function () {
        $("[id$=TextBox1]").datepicker({
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif'
        });
    });
</script>

这是文本框：

<asp:TextBox ID="TextBox1" runat="server" ReadOnly="true"></asp:TextBox>
<asp:Button ID="btnSave" runat="server" Text="Edit Comments" OnClick="editComments_Click" />

有人知道如何制作，以便在我点击框中时显示日历吗？我不希望能够手动输入日期，但我希望能够单击文本框而不是按钮。事实上，如果可能的话，我希望能够摆脱按钮，只需点击框即可。谢谢！

Answer 1

想出来，但我会留下问题以防其他人遇到这个问题。您所要做的就是将showOn: 'button'更改为showOn: 'focus'，然后该按钮消失，您只需单击文本框即可查看日历。如果您希望能够单击按钮或文本框，请使用showOn: 'both'。

DatePicker视图日历从文本框

1 个答案: