Question

我对此问题感到非常沮丧，但我还没有找到解决方法。我使用的是最新的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>

Answer 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>

CalendarExtender

Format="yyyy-MM-dd"

由于某些原因，在屏蔽编辑中它显示破折号而不是斜线，所以在设置日期时，会出现不匹配的情况，这可能会阻止设置日期，我相信在更改月份时会出现问题的一部分。因此，请更改格式以使用短划线。

MaskedEditValidator

IsValidEmpty="False" InvalidValueMessage="*"

如果IsValidEmpty设置为false，如果日期尚未，则无法更改月份超过一个月。将其设置为false使其工作...对于InvalidValueMessage，请输入任何错误消息。

MaskedEditExtender

MaskType="Date" UserDateFormat="YearMonthDay"

如果您的日期设置并且您尝试更改一个月以上/更早的月份，则屏蔽的编辑扩展程序似乎会阻止月份更改。当您将MaskType设置为日期时，似乎＆＃34;接受＆＃34;它。

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

结论

我不确定究竟是什么导致了这个问题。从我可以从＆＃34;行为＆＃34;控件似乎是在掩码中设置一个日期，该日期不匹配导致月份更改为＆＃34;还原＆＃34;。

如果有兴趣并且更了解它，您可以查看CalendarExtender here的来源。月份的切换由_switchMonth函数完成。

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

AjaxToolkit CalendarExtender和MaskedEditExtender - 无法导航月份

1 个答案:

CalendarExtender

MaskedEditValidator

MaskedEditExtender

结论