AjaxToolkit CalendarExtender 和 MaskedEditExtender - 无法导航月份答案

【问题标题】：AjaxToolkit CalendarExtender and MaskedEditExtender - Can Not Navigate MonthsAjaxToolkit CalendarExtender 和 MaskedEditExtender - 无法导航月份
【发布时间】：2014-05-06 19:28:47
【问题描述】：

我对这个问题感到非常沮丧，我还没有找到解决方法。我正在使用最新的 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.net ajaxcontroltoolkit

【解决方案1】：

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

<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 设置为日期时，它似乎“接受”了它。

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

结论

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

如果有人对此感兴趣并更好地理解它，您可以查看 CalendarExtender here 的来源。月份的切换由 _switchMonth 函数完成。

不管怎样，ajax 控制工具包最近变得更加错误..

【讨论】：

非常感谢！我立即查看了我的生产问题，而不是上面列出的示例，我进行了您列出的更改，并且它们运行良好。我只遗憾我只有一张赞成票。希望这也能帮助其他人。
@Chance 没问题！如果你想给予更多（如果你有足够的代表），你总是可以给予赏金。但是，是的，希望这对其他人有帮助！
这解决了我的问题。就我而言，只需要添加 IsValidEmpty="False"。