使用JavaScript在ASP.NET中进行将来的日期验证

Question

下面提到的代码已用于验证未来日期，但无法正常工作。 任何帮助表示赞赏。 文本框的readonly属性设置为false，因此我可以更改文本框中的值并更改为将来的日期，为此我需要验证

//在aspx中

  <asp:TextBox ID="txtdob" runat="server" OnClientDateSelectionChanged="checkDate"></asp:TextBox>

  <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Height="26px" Width="23px" Text=".." />   
<script type="text/javascript" >
function checkDate(sender, args) 
{
    if (sender._selectedDate > new Date())
    {
        alert("You cannot select future date!");
        sender._selectedDate = new Date();
        // set the date back to the current date
        sender._txtdob.set_Value(sender._selectedDate.format(sender._format))
    }
}
</script>
<asp:Calendar ID="Calendar1" runat="server" onselectionchanged="Calendar1_SelectionChanged" OnClientDateSelectionChanged="checkDate"
   style="top: 320px; left: 246px; position: absolute; height: 188px; width: 259px">
</asp:Calendar>

//在C＃中

protected void Button2_Click(object sender, EventArgs e)
{
   Calendar1.Visible = true;
}
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
   txtdob.Text = Calendar1.SelectedDate.ToShortDateString();
}

Answer 1

此解决方案不会针对每个请求进行验证，但是会使所有日期都无法选择

protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)
{
    endDate = DateTime.Today;
    e.Day.IsSelectable = e.Day.Date <= endDate;
}

请注意， DayRenderEventArgs位于命名空间System.Web.UI.WebControls

Answer 2

OnClientDateSelectionChanged不是用于ASP日历控件的有效方法。 这是用于ajax压延机控制的方法。 检查此链接

http://forums.asp.net/t/1922747.aspx

Answer 3

首先下载免费的Ajax工具套件，然后在“ 工具箱”中添加一个新选项卡，然后选择项目并浏览以查找Ajax Control ToolKit dll文件。 该工具套件将添加到工具箱，然后从ajax工具套件中选择一个日历扩展器。 然后在aspx页面中，在ContentPlaceHolder之前添加以下代码行

 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

然后在Content Place Holder中添加JavaScript。

 <script type="text/javascript">
    function checkDate(sender, args) 
            {
                if (sender._selectedDate > new Date()) 
                {
                    alert("You cannot select future date!");
                    sender._selectedDate = new Date();
                    // set the date back to the current date
                    sender._textbox.set_Value(sender._selectedDate.format(sender._format))
                }
            }
</script>

然后对于文本框使用此代码。

   <asp:TextBox ID="txtdob" runat="server"  ></asp:TextBox>
         <asp:CalendarExtender runat="server" ID="CalenderExtender1" Format="MM/dd/yyyy" OnClientDateSelectionChanged="checkDate"
        TargetControlID="txtdob">
    </asp:CalendarExtender>

这可能会解决您的问题。