Introduction;
In
this article I am going to explain about how we can findout the difference
between two dates using javascript.
Description:
Many
time we supposed to do some validations on client level to make the data valid.
Like this here I an explaining about how we can finout difference between
startdate and end date and how we can restrict the form submission based on
that. For explaining purpose I am considering that the date entered both in
startdate and enddate field will be in the “MM-DD-YYYY”.
And our condition is if the date
difference between the two dates is greater than 7 then it will show the alert
message. The necessary ASP.Net code and the javascript code is given below.
ASP.Net Code:
<%@ Page
Language="C#"
AutoEventWireup="true"
CodeFile="Default.aspx.cs"
Inherits="_Default"
%>
<!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>
</head>
<body>
<form id="form1" runat="server">
<tabe>
<tr>
<td>Start date</td>
<td>
<asp:TextBox ID="txtStartDate"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>Enddate</td>
<td>
<asp:TextBox ID="txtEnddate"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="btnCheck"
runat="server"
OnClientClick="return
validate();"Text="Check" />
</td>
</tr>
</tabe>
</form>
</body>
</html>
Javascript Code:
<script type="text/javascript">
function validate() {
var StartDate = document.getElementById('<%=txtStartDate.ClientID
%>').value;
var EndDate = document.getElementById('<%=txtEnddate.ClientID
%>').value;
var StartDate1 = StartDate.split("-")
&nbs>
}
else {
return true;
}
}
</script>
Thus
the above javascript function will findout the difference between two dates and
do the action accordingly.
Do you like this article. Then comment here or share with your friends. Or like our facebook page.
Comments
Post a Comment