单击表单主体时，Ajax Control Toolkit CalendarExtender未关闭

Question

当用户点击页面上的任何位置时，我试图简单地关闭日历。 我已经下载了最新版本的工具包，但我无法使用此功能。 我不确定我是否缺少属性，但功能在asp.net示例工具包页面上按预期工作。

这是代码：

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>


<asp:TextBox ID="txtTest" runat="server" /><img runat="server" alt="Calendar" id="imgCalFrom" align="absmiddle" border="0" height="16" src="/global/images/glo_btn_cal.gif" width="21"/>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtTest" PopupButtonID="imgCalFrom">
    </asp:CalendarExtender>

Answer 1

不要使用<img .,. /> <img .,. /> 。 请改用<input type="image" .../> 。 或者您可以使用<asp:ImageButton runat="Server" .../> 。 这将解决您的问题。

Answer 2

Toolkit中存在一些问题，使其无法使用asp：Image，但是使用asp：ImageButton可以正常工作。 如果你点击选择器，它应该关闭选择器。

作为最佳实践，我们始终使用日历图标弹出选择器，而不是单击文本框时。 有些用户更喜欢在每次点击文本框时输入日期并弹出选择器是意外的和不需要的。

Answer 3

从扩展程序中删除PopupButtonID =“imgCalFrom”。 那应该解决它。 此PopupButtonID分配按钮回调。 您必须再次单击图像或选择日期才能关闭日历。