My Journey on Java - Ranga Reddy

Wednesday, August 1, 2012

Javascript code to compare two dates

Unknown Wednesday, August 01, 2012 Interview Questions, JS Framework, Programs No comments

In this post, we are going to see how to compare two dates in Java Script.

<html>
      <head>
      <title>Date Difference</title>
            <script>
            function CheckDate()
            {
                  varmyForm=document.forms[0];
                  var date1=  myForm.date1;
                  var date2=  myForm.date2;
                 
                  if(date1.value.length==0)
                  {
                        alert("Enter Start Date");
                        date1.focus();
                        return false;
                  }
                  if(date2.value.length==0)
                  {
                        alert("Enter End Date");
                        date2.focus();
                        return false;
                  }
                 
                  if (date1.value == date2.value){
                              alert ("Dates are the same");
                        }
                 
                  if (date1.value > date2.value)
                  {
                        alert ("End Date is less then Start Date");
                        return false;
                  }
                  else
                  {
                        return true;
                  }
            }
            </script>
      </head>
 <body bgcolor='yellow'>
 <center><h2>Date Validation Demo
 <form name="dateDemo">
 <table bgcolor='orange'>
       <tr><td>Start Date:</td><td><input type="text" name="date1"></td></tr>
       <tr><td>End Date:</td><td><input type=text name="date2"></td></tr>
       <tr><td></td><td><input type="button" onClick="return CheckDate();"   value="checkDate"></td></tr>
  </table>
  </form>
  <br> Created By Ranga Reddy.
  </h2></center>
  </body>
</html>

Output:

Add Dropdown Country & State List Dynamically into HTML form by Javascript

Unknown Sunday, July 15, 2012 JS Framework, Programs No comments

In this post, we are going to see how to implement the dynamic dropdown with selected values.

<html>
<head>
<script lang="javascript">
    var arr = new Array();
    arr[0] = new Array("-Select District-");
    arr[1] = new Array("Anantapur", "Chittoor", "Kadapa", "Kurnool");
    arr[2] = new Array("Bellary", "Bangalore", "Mysore", "Udipi");
    arr[3] = new Array("Madras", "Salem", "Coimbuttur");
    function stateChange(State) {
        var stateValue = State.value;
        document.forms["myForm"].elements["District"].options.length = 0;
        for (var i = 0; i < arr[stateValue].length; i++) {
            var option = document.createElement("option");
            option.setAttribute('value', i + 1);
            option.innerHTML = arr[stateValue][i];
            document.forms["myForm"].elements["District"].appendChild(option);
        }
    }
</script>
</head>
<body>
    <h2>State and District Demo</h2>
    <form name="myForm" method="post">
        <select name="State" onchange="stateChange(this);">
            <option value="0">-Select State-</option>
            <option value="1">Andhra Pradesh</option>
            <option value="2">Karnataka</option>
            <option value="3">Tamil Nadu</option>
        </select><br /> <select name="District">
        </select>
        <center>
            <h1>Designed by Ranga Reddy.
        </center>
    </form>
</body>
</html>