首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >AjaxToolkit CalendarExtender和MaskedEditExtender -无法导航数月

AjaxToolkit CalendarExtender和MaskedEditExtender -无法导航数月
EN

Stack Overflow用户
提问于 2014-05-06 19:28:47
回答 1查看 4.4K关注 0票数 3

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

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

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

代码语言:javascript
复制
<%@ 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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-07 00:23:00

有一种对我有用的方法:

代码语言:javascript
复制
<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

代码语言:javascript
复制
Format="yyyy-MM-dd"

由于某些原因,在蒙面编辑它显示破折号,而不是斜杠,所以当设置日期,有一个不匹配,可以防止日期被设置,我相信部分问题时,改变月份。因此,更改格式以使用破折号。

MaskedEditValidator

代码语言:javascript
复制
IsValidEmpty="False" InvalidValueMessage="*"

如果没有将IsValidEmpty设置为false,则如果日期已设置为而不是,则不能更改超过一个月的月份。把它设为假使它起作用..。对于InvalidValueMessage,放置任何错误消息。

MaskedEditExtender

代码语言:javascript
复制
MaskType="Date" UserDateFormat="YearMonthDay"

当您有一个日期,并且您试图在一个多月后/更早更改月份时,蒙面编辑扩展程序似乎阻止了月份的更改。当您将MaskType设置为日期时,它似乎“接受”它。

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

结论

我不知道到底是什么引起了这个问题。从“行为”中我可以看出,控件似乎在将日期设置到不匹配的掩码中,从而导致月份的更改“恢复”。

如果有人感兴趣并更了解它,您可以查看CalendarExtender 这里的来源。月份的切换由_switchMonth函数完成。

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23503314

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档