Javascript 日期时间验证 - yyyy-mm-dd hh:mm

Question

我想创建一个非常简单的 javascript 表单验证。我有两个由日期时间选择器填充的输入框。日期时间选择器以 2011-12-21 09:58 的格式填充输入框。我有一个收集日期和到达日期的输入框。

我想验证输入的“交付日期时间”是否大于“收集日期时间”。

验证失败的输出应该只是在“coolectdate”之前显示“deliverdate”的弹出窗口中。

这可以用 javascript 完成吗？如果可以，有人可以给我一个简短的例子吗？

我的基本html表单代码是：

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

提前感谢大家的帮助，祝大家节日快乐。

问候， 瑞恩·史密斯

Answer 1

鉴于日期/时间字符串的 ISO8601 格式，您可以将值作为字符串进行比较。这是使用 ISO8601 格式的优点之一。您要求交货时间在收货时间之后，这对我来说似乎倒退了，但无论如何......

<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>

Answer 2

你可以这样做：

var collectTime = (new Date(document.getElementById("collectdatetime").value)).getTime(),
    deliverTime = (new Date(document.getElementById("deliverdatetime").value)).getTime();
if(deliverTime > collectTime) {
    //Ok!
}

这会创建 2 个Date 对象，将选定的值传递给构造函数，然后比较时间。 getTime 方法返回一个数字，表示自 1970 年 1 月 1 日 00:00:00 以来经过的时间（以毫秒为单位）。

这是working example。

Answer 3

您可以根据这些值创建 Date 对象并进行比较：

var collect = new Date($('#collectdatetime').val());
var delivery = new Date($('#deliverdatetime').val());

if (delivery < collect) {
    alert('Delivery date before collect!');
}