Javascript - date range validation

Question

i've a form user can enter any date , but i want to set a date range validation . for example: from 1-12-2012 to 1-1-2013 and the system can't accept any date from user that not in the range.. i've tried this javascript code but it doesn't give me any alert even when date not in range ..

this is part of my form :

 echo "<tr><th bgcolor='FF6600'> Date <font size='4' color='red'>* </font></th>
        <td> <input type='date' name='v2' value=''   ></td></tr>";


echo "<tr><th bgcolor='FF6600'> Time <font size='4' color='red'>* </font></th>
        <td> <input type='time' name='v3' value=''   ></td></tr>";

        echo "<tr><th bgcolor='FF6600'> Place <font size='4' color='red'>* </font></th>
        <td> <input type='text' name='v4' value=''   ></td></tr>";

and this is the javascript code

    <script language="javascript">

    function validation(form)
 {

 var v2 = document.getElementById('v2');
 var date = v2.value;
 if ( (v2 > new date('12/12/2012')) && 
    (v2 < new date('1/1/2013')) ){
    // date is in your valid range
     return true;
} else {
    // date is not in your valid range

    alert("date is not in valid range")
    return false;
}


}

    </script>

Please update your post with a [_specific question_](http://stackoverflow.com/faq). — David Pärsson, Dec 08 '12 at 19:12
What error message is your javascript console giving you? You should cast the inputs you get if you want to compare them with date type values. — cheesemacfly, Dec 08 '12 at 19:15
@cheesemacfly it's not an error message i got ! i've said that i didn't get anything thats means the code doen't work — Anna Lord, Dec 08 '12 at 20:01
For example if you use Chrome as a web browser, you don't get any error message in the Javascript console? — cheesemacfly, Dec 09 '12 at 00:04

score 8 · Answer 1 · edited Jun 13 '14 at 07:21

8

To compare dates, you should be using the unix timestamp, and right now the first date you're getting from the value is a string, and you can't compare that against date objects?

Make sure you have timestamps in unix time, and then compare those:

function validation(form) {
    var v2 = document.getElementById('v2'),
      date = new Date(v2.value),
      d1   = date.getTime(),
      d2   = new Date('12/12/2012').getTime(),
      d3   = new Date('1/1/2013').getTime();

   if (d1 > d2 || d1 < d3) {
       return true;
   }else{
       alert("date is not in valid range")
   }
}

edited Jun 13 '14 at 07:21

Rohan Kumar

40,431
11
76
106

answered Dec 08 '12 at 19:14

adeneo

312,895
29
395
388

i'm not sure i understand ur point , u mean in the database or where ? how to make sure i've timestamps in unix time? – Anna Lord Dec 08 '12 at 21:38
[getTime() method](http://www.w3schools.com/jsref/jsref_gettime.asp) used in above sample returns unix time - the number of milliseconds between Jan 1, 1970 and the specified date. @annalord – SushiGuy Jul 16 '13 at 22:13

Zaheer Ahmed · Answer 2 · 2012-12-09T07:51:00.080

1

You can make a function like this:

function checkMyDateWithinRange(myDdate){
    var startDate = new Date(2012, 11, 1);
    var endDate = new Date(2012, 0, 1);     
    if (startDate < myDate && myDate < endDate) {
       return true; 
    }
   return false;
}

and test any date like calling this function:

var inputDate= document.getElementById('tbDate'),
date = new Date(inputDate.value);
if(!checkMyDateWithinRange(date)){
    alert('Date is not in range!!!');
}

Here is Working Demo

edited Dec 09 '12 at 07:51

answered Dec 08 '12 at 20:57

Zaheer Ahmed

28,160
11
74
110

so i've to make two functions in javascript? – Anna Lord Dec 08 '12 at 22:11
thank u, but what about calling the function ? should i put it like this onsubmit = "return validation(form); " – Anna Lord Dec 09 '12 at 10:30

Javascript - date range validation

2 Answers2

Linked