Como validar Data e Hora em Javascript

[George Landim 0]

Pessoal

 

Boa noite,

 

Estou começando a aprender javascript agora e por enquanto só domino o básico, então estou com este problema para resolver. Preciso validar este formulário de reserva de data e hora. Será que alguém poderia me ajudar, já esquentei a cabeça para validar mais por enquanto, isso está acima da minha capacidade!

 

É um sistema onde a pessoa escolhe a data e a hora na retirada e a data e hora da devolução não pode ser inferior a data e hora da retirada.

 

 

Segue abaixo meu código em html:

 

//Início do formulário
<form  action="" method="post" nome"enviar" >

   <table width="677" border="0" cellpadding="0" cellspacing="0" >


 <tr>
   <td colspan="4">Data da Retirada</td>
   </tr>
   <tr>
   <td >Data:
     <input name="dia" type="text" class="caixa-texto" id="dia_r" border="1" tabindex="2" size="2" maxlength="2" />

     <select name="mes_r" class="caixa-texto" id="mes_r" tabindex="2" >

       <option value="0"  selected>Mes</option>
       <option value="01" >Jan</option>
       <option value="02" >Fev</option>
       <option value="03" >Mar</option>
       <option value="04" >Abr</option>
       <option value="05" >Mai</option>
       <option value="06" >Jun </option>
       <option value="07" >Jul</option>
       <option value="08" >Ago</option>
       <option value="09" >Set</option>
       <option value="10" >Out</option>
       <option value="11" >Nov</option>
       <option value="12" >Dez</option>
	</select>

     <select name="ano" id="ano_r" class="caixa-texto" tabindex="3">

       <option value="2011" selected="selected">2011</option>
       <option value="2012">2012</option>
       <option value="2013">2013</option>
       <option value="2014">2014</option>

     </select></td>
   <td width="200" colspan="2" >Hora:
     <select name="hora_r" class="caixa-texto"  id="horar"  tabindex="4" onChange="validaHora()">
       <option value="">--</option>
       <option value="01">01</option>
       <option value="02">02</option>
       <option value="03">03</option>
       <option value="04">04</option>
       <option value="05">05</option>
       <option value="06">06</option>
       <option value="07">07</option>
       <option value="08">08</option>
       <option value="09">09</option>
       <option value="10">10</option>
       <option value="11">11</option>
       <option value="12">12</option>
       <option value="13">13</option>
       <option value="14">14</option>
       <option value="15">15</option>
       <option value="16">16</option>
       <option value="17">17</option>
       <option value="18">18</option>
       <option value="19">19</option>
       <option value="20">20</option>
       <option value="21">21</option>
       <option value="22">22</option>
       <option value="23">23</option>
       </select>
     <select name="minuto_r" class="caixa-texto" id="minutor" tabindex="13">
       <option value="" >--</option>
       <option value='00' selected="selected">00</option>
       <option value='05'>05</option>
       <option value='10'>10</option>
       <option value='15'>15</option>
       <option value='20'>20</option>
       <option value='25'>25</option>
       <option value='30'>30</option>
       <option value='35'>35</option>
       <option value='40'>40</option>
       <option value='45'>45</option>
       <option value='50'>50</option>
       <option value='55'>55</option>
     </select></td>
   <td colspan="2"> </td>
   </tr>

 <tr>
   <td colspan="4">Data da Devolução<br/></td>
   </tr>



 <tr>
   <td>Data:
     <input type="text" name="dia_s" id="dia_r" class="caixa-texto" size="2" maxlength="2" tabindex="9" />
     <select name="mes_s" id="mes_r" class="caixa-texto" tabindex="10">
       <option value=""  selected="selected">Mes</option>
       <option value="01" >Jan</option>
       <option value="02" >Fev</option>
       <option value="03" >Mar</option>
       <option value="04" >Abr</option>
       <option value="05" >Mai</option>
       <option value="06" >Jun </option>
       <option value="07" >Jul</option>
       <option value="08" >Ago</option>
       <option value="09" >Set</option>
       <option value="10" >Out</option>
       <option value="11" >Nov</option>
       <option value="12" >Dez</option>
     </select>
     <select name="ano_s" id="ano_s" class="caixa-texto" tabindex="11">
       <option value="2011" selected="selected">2011</option>
       <option value="2012">2012</option>
       <option value="2013">2013</option>
       <option value="2014">2014</option>
     </select></td>
   <td width="200">Hora:
     <select name="hora_s" class="caixa-texto" id="hora_s" tabindex="12">
       <option value="">--</option>
       <option value="01">01</option>
       <option value="02">02</option>
       <option value="03">03</option>
       <option value="04">04</option>
       <option value="05">05</option>
       <option value="06">06</option>
       <option value="07">07</option>
       <option value="08">08</option>
       <option value="09">09</option>
       <option value="10">10</option>
       <option value="11">11</option>
       <option value="12">12</option>
       <option value="13">13</option>
       <option value="14">14</option>
       <option value="15">15</option>
       <option value="16">16</option>
       <option value="17">17</option>
       <option value="18">18</option>
       <option value="19">19</option>
       <option value="20">20</option>
       <option value="21">21</option>
       <option value="22">22</option>
       <option value="23">23</option>
       </select>
     <select name="minuto_s" class="caixa-texto" id="minuto_s" tabindex="13">
       <option value="" selected="selected">--</option>
       <option value='00' selected="selected">00</option>
       <option value='05'>05</option>

       <option value='10'>10</option>
       <option value='15'>15</option>
       <option value='20'>20</option>
       <option value='25'>25</option>
       <option value='30'>30</option>
       <option value='35'>35</option>
       <option value='40'>40</option>
       <option value='45'>45</option>
       <option value='50'>50</option>
       <option value='55'>55</option>
     </select></td>
   <td colspan="2"> </td>
   <td><input name="avancar" type="submit" value="Avançar" /></td>
   </tr>
 </table>


   </form>

//fim do formulário

 

 

Desde já agradeço a ajuda!

[51L3N7 1]

Estude sobre o Date() que serve para manipular o tempo.