Javascript日期时间验证 - yyyy-mm-dd hh：mm [英] Javascript Date Time Validation - yyyy-mm-dd hh:mm

问题描述

我想创建一个非常简单的JavaScript表单验证。我有两个输入框由datetime选择器填充。 datetime选择器使用格式为2011-12-21 09:58填充输入框。我有一个收件日期和到达日期的输入框。

我想验证输入的deliverdatetime是否大于collectdatetime。

输出一个失败的验证应该在一个弹出窗口中，在'coolectdate'之前表示'deliverdate'。

可以用javascript完成，如果有的话可以给我一个简短的例如？

我的基本html表单代码是：

  。
< td> 
< input type =textid =collectdatetimename =collectdatetime> 
< / td> 
< td> 
< input type =textid =deliverdatetimename =deliverdatetime> 
< / td> 
 ... 
  

提前感谢所有人的帮助和节日快乐。 p>

Regards，
Ryan Smith

解决方案

GIven ISO8601格式的日期/时间字符串，您可以将值作为字符串进行比较。它是使用ISO8601格式的美女之一。你已经要求交货时间在收货时间之后，这似乎倒退了，但无论如何...

 < form onsubmit =return checkDates（this）> 
< table> 
< tr> 
< td> 
< input type =textid =collectdatetimename =collectdatetime> 
< td> 
< input type =textid =deliverdatetimename =deliverdatetime> 
< td> 
< input type =submit> 
< / table> 
< / form> 
 
< script> 
函数checkDates（form）{
 if（form.collectdatetime.value> = form.deliverdatetime.value）{
 alert（'收集时间必须在传递时间之后） 
返回false; 
} 
} 
< / script> 
  

I want to create a very simple javascript form validation. I have two input boxes that are populated by a datetime picker. the datetime picker populates the input box with in the format 2011-12-21 09:58. I have an input box for collection date and arrival date.

I want to validate that the 'deliverdatetime' entered is greater than the 'collectdatetime'.

The output of a failed validation should just be in a popup window saying 'deliverdate' before 'coolectdate'.

Can this be done with javascript and if so can someone give me a brief example?

my basic html form code is:

...
<td>
<input type="text" id="collectdatetime" name="collectdatetime">
</td>
<td>
<input type="text" id="deliverdatetime" name="deliverdatetime" >
</td>
...

Thanks in advance for the assistance and happy holidays to everyone.

Regards, Ryan Smith

解决方案

GIven the ISO8601 format of the date/time string, you can just compare the values as strings. It's one of the beauties of using an ISO8601 format. You have asked for the delivery time to be after the collection time, which seems backwards to me but anyhow…

<form onsubmit="return checkDates(this)">
  <table>
    <tr>
      <td>
        <input type="text" id="collectdatetime" name="collectdatetime">
      <td>
        <input type="text" id="deliverdatetime" name="deliverdatetime">
      <td>
        <input type="submit">
  </table>
</form>

<script>
function checkDates(form) {
  if (form.collectdatetime.value >= form.deliverdatetime.value) {
    alert('Collection time must be after deliver time');
    return false;
  }
}
</script>

这篇关于Javascript日期时间验证 - yyyy-mm-dd hh：mm的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！