AjaxToolkit日历扩展程序和MaskedEditExtender - 无法导航月份

Question

AjaxToolkit日历扩展程序和MaskedEditExtender - 无法导航月份

3

我已经非常沮丧了，因为我没有找到解决方法。我正在使用最新的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>

- Chance

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- singularhum · Accepted Answer

这是我用过的一种方法：

<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，以便在更改月份或选择日期时，掩码编辑验证器中设置的错误消息不会每次都显示。错误消息将在点击时显示，但一旦更改完成就会隐藏。

结论

我不确定是什么原因导致了这个问题。从“行为”中可以看出，该控件似乎正在将一个与掩码不匹配的日期设置到掩码中，从而导致月份的更改“回退”。

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

无论如何，Ajax控件工具包最近变得更加有缺陷了...