asp.net - AjaxToolkit CalendarExtender 和 MaskedEditExtender - 无法导航月份

标签 asp.net ajaxcontroltoolkit

我对这个问题感到非常沮丧,而且我还没有找到解决方法。我正在使用最新的 ajaxtoolkit (4.5.7.1213)。我确实找到了另一个关于这个问题的帖子,但我没有找到解决方案:http://forums.asp.net/t/1940137.aspx?Masked+Edit+Extender+and+Calendar+extender+issue

单击日历控件上的下一个或向后箭头可以看到该问题。它会工作一次,然后在下一次点击时它会跳回到当前月份。如果我完全删除 MaskedEditExtender/Validator,该功能将完全正常工作。

下面是我用于测试的一些基本代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Test.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-2.1.0.js"></script>
</head>
<body>
<form id="form1" runat="server">
    <ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
    <div>

        <asp:TextBox ID="txtCDate1" runat="server" Text="" Width="100" MaxLength="10"></asp:TextBox>
        <ajaxToolkit:MaskedEditExtender runat="server" ID="MaskedEditExtender1" ClearMaskOnLostFocus="false" MaskType="None" Mask="9999/99/99" TargetControlID="txtCDate1" Filtered="/"></ajaxToolkit:MaskedEditExtender>
        <ajaxToolkit:MaskedEditValidator runat="server" ID="MaskedEditValidator1" ControlToValidate="txtCDate1" ControlExtender="MaskedEditExtender1" Display="dynamic" />
        <ajaxToolkit:CalendarExtender runat="server" ID="CalendarExtender1" TargetControlID="txtCDate1" Format="yyyy/MM/dd"></ajaxToolkit:CalendarExtender>
        <asp:Label ID="lblCDate2" runat="server" Text="~"></asp:Label>
        <asp:TextBox ID="txtCDate2" runat="server" Text="" Width="100" MaxLength="10"></asp:TextBox>
        <ajaxToolkit:MaskedEditExtender runat="server" ID="MaskedEditExtender2" ClearMaskOnLostFocus="false" MaskType="None" Mask="9999/99/99" TargetControlID="txtCDate2" Filtered="/"></ajaxToolkit:MaskedEditExtender>
        <ajaxToolkit:MaskedEditValidator runat="server" ID="MaskedEditValidator2" ControlToValidate="txtCDate2" ControlExtender="MaskedEditExtender2" Display="dynamic" />
        <ajaxToolkit:CalendarExtender runat="server" ID="CalendarExtender2" TargetControlID="txtCDate2" Format="yyyy/MM/dd"></ajaxToolkit:CalendarExtender>

    </div>
</form>

最佳答案

这是一种对我有用的方法:

<asp:TextBox ID="txtCDate1" runat="server" Text="" Width="100" MaxLength="10"></asp:TextBox>
<ajaxToolkit:MaskedEditExtender runat="server" ID="MaskedEditExtender1" ClearMaskOnLostFocus="false"
    MaskType="Date" Mask="9999/99/99" TargetControlID="txtCDate1" UserDateFormat="YearMonthDay">
</ajaxToolkit:MaskedEditExtender>
<ajaxToolkit:MaskedEditValidator runat="server" ID="MaskedEditValidator1" ControlToValidate="txtCDate1"
    ControlExtender="MaskedEditExtender1" Display="dynamic" IsValidEmpty="False" InvalidValueMessage="*" />
<ajaxToolkit:CalendarExtender runat="server" ID="CalendarExtender1" TargetControlID="txtCDate1"
    Format="yyyy-MM-dd">
</ajaxToolkit:CalendarExtender>

日历扩展器

Format="yyyy-MM-dd"

出于某种原因,在屏蔽编辑中它显示破折号而不是斜杠,因此在设置日期时,存在不匹配,这会阻止日期的设置,我认为更改月份时会出现部分问题。因此,请更改格式以使用破折号。

MaskedEditValidator

IsValidEmpty="False" InvalidValueMessage="*"

如果 IsValidEmpty 设置为 false,如果尚未设置日期,我不能更改超过一个月的月份。将它设置为 false 使其工作...对于 InvalidValueMessage,输入任何错误消息。

MaskedEditExtender

MaskType="Date" UserDateFormat="YearMonthDay"

当你有一个日期设置并且你试图在一个多月后/更早的时候更改月份时,似乎屏蔽的编辑扩展器阻止了月份的更改。当您将 MaskType 设置为 Date 时,它​​似乎“接受”了它。

我还必须设置 UserDateFormat,这样 MaskedEditValidator 中设置的错误消息就不会在您每次更改月份或选择日期时显示。错误消息会在您单击时显示,但会在进行更改后隐藏。

结论

我不确定究竟是什么导致了这个问题。从我从“行为”中可以看出,控件似乎在掩码中设置了一个不匹配的日期,导致月份的变化“恢复”。

如果有人感兴趣并且更好地理解它,您可以查看 CalendarExtender 的源代码 here .月份的切换由 _switchMonth 函数完成。

无论哪种方式,ajax 控制工具包最近变得更加错误..

关于asp.net - AjaxToolkit CalendarExtender 和 MaskedEditExtender - 无法导航月份,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23503314/

相关文章:

c# - 通过 jquery 获取 updatepanel 内的复选框单击

asp.net - 当 api 在另一个站点下创建为 Web 应用程序时,路由失败

asp.net - Aspnet 网站管理工具、用户表或 aspnet_users 表

asp.net - 在 ASP.NET 中使用 AjaxControlToolkit 的异步 AJAXFileUpload 控件返回数据

asp.net - 如果操作不存在,则 ASP MVC 中的后备路由

asp.net - Windows Azure - RPC 服务器不可用错误

html - AJAX 控制工具包自动完成出现在模式弹出窗口后面

wcf - 将WCF服务部署到SharePoint 2010网站时出现“找不到端点”错误

asp.net - 类型或命名空间名称 'ToolkitScriptManager' 在命名空间 'System.Web.UI.WebControls' 中不存在

javascript - Asp.net在两个ajax calendar_extender中显示相同的日期