<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test7.aspx.cs" Inherits="test7" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function checkDate(sender, args) {
if (sender._selectedDate < new Date()) {
alert("You cannot select a day earlier than today!");
sender._selectedDate = new Date();
// set the date back to the current date
sender._textbox.set_Value(sender._selectedDate.format(sender._format))
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1"
OnClientDateSelectionChanged="checkDate">
</asp:CalendarExtender>
</form>
</body>
</html>
Please mark the replies as answers if they help or unmark if not.
Feedback to us
Dhanapal.E
Member
5 Points
17 Posts
AJAX-CalendarExtender control Previous Date Disable
Aug 13, 2010 12:35 PM|LINK
In my aspx Page i added AJAX CalendarExtender control. In That contol view CALENDAR..
<ajaxToolkit:CalendarExtender ID="Cal1" runat="server" TargetControlID="txtDate" />
<asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
But i need not view Preview Date.. How to Disable All Previews Day..
Ajax CalendarExtender
Dhanapal.E
SSA
Star
9368 Points
1576 Posts
Re: AJAX-CalendarExtender control Previous Date Disable
Aug 13, 2010 01:36 PM|LINK
Have a look here: http://www.dotnetcurry.com/(X(1)S(xt21wu45hbttjkuhgdlj3f55))/ShowArticle.aspx?ID=149&AspxAutoDetectCookieSupport=1
But If you use jquery DatePicker its peace of a cake, you need to set minDate only to 0:
view plaincopy to clipboardprint? <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script> $(document).ready(function() { $(".datepicker").datepicker({ dateFormat: 'dd-mm-yy', buttonText: 'Select date:', firstDay: 1, buttonImageOnly: true, showOn: 'both', showAnim: 'fadeIn', minDate: '0', onSelect: function() { $(this).trigger("onchange", null); } }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="tst" runat="server" CssClass="datepicker"></asp:TextBox> </div> </form> </body> </html>Dhanapal.E
Member
5 Points
17 Posts
Re: AJAX-CalendarExtender control Previous Date Disable
Aug 16, 2010 05:43 AM|LINK
Thanks for UR Query.. But Image not Dispaly clearly (Near TextBox)
Anyway i need AJAX-CalendarExtender disable previous Date
Dhanapal.E
Song-Tian - ...
All-Star
43697 Points
4304 Posts
Microsoft
Re: AJAX-CalendarExtender control Previous Date Disable
Aug 17, 2010 02:46 AM|LINK
Hi,
You could do like this:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test7.aspx.cs" Inherits="test7" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript"> function checkDate(sender, args) { if (sender._selectedDate < new Date()) { alert("You cannot select a day earlier than today!"); sender._selectedDate = new Date(); // set the date back to the current date sender._textbox.set_Value(sender._selectedDate.format(sender._format)) } } </script> </head> <body> <form id="form1" runat="server"> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1" OnClientDateSelectionChanged="checkDate"> </asp:CalendarExtender> </form> </body> </html>Feedback to us
Develop and promote your apps in Windows Store