Find difference between two dates using javascript

By
Advertisement

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.

0 comments:

Post a Comment

Online Casino