How to compare dates from an Ajax Calendar Extender
Markup:
<asp:TextBox ID="txtDate" runat="server" Width="140px"></asp:TextBox>
<cc1:CalendarExtender ID="txtDate_CalendarExtender" runat="server" Enabled="True" Format="dd/MM/yyyy" TargetControlID="txtDate" FirstDayOfWeek="Monday" OnClientDateSelectionChanged="dateSelectionChanged">
</cc1:CalendarExtender>
Javascript:
//Handles client side date selection changed
function dateSelectionChanged(sender, args) {
//Declare array for Day names
var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
//Get the date
var date = sender.get_selectedDate();
//Get todays Date
var today = new Date();
var nextWeek = new Date().setDate(today.getDate() + 7);
var lastWeek = new Date().setDate(today.getDate() - 7);
//Get the dates in easier to compare format
nextWeek = new Date(nextWeek);
lastWeek = new Date(lastWeek);
//Show the day name
$('#<%= txtDay.ClientID %>').val(days[date.getDay()]);
if (date < lastWeek) {
//alert('Date Under Week');
showDialog('Date entered is under a week ago.');
}
if (date > nextWeek) {
//alert('Date Over Week');
showDialog('Date entered is over a week in the future.');
}
}