jquery - 使用 jQuery 比较两个日期

Question

我正在使用日历插件分别选择两个日期从和到。我需要在选择日期后立即使用 jQuery 来比较 的值始终大于 from 的值。

我正在使用以下代码

var fromDate = $("#from").val();
var toDate = $("#to").val();
if (Date.parse(fromDate) > Date.parse(toDate)) {
    alert("Invalid Date Range!\nStart Date cannot be after End Date!")
    return false;
} 

HTML 代码是:

<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]"  tabindex="4" />
<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]"  tabindex="4" />

如果我使用jquery验证插件进行比较:

<input value="" class="validate[required,custom[date],future[2009-01-01]" type="text" id="d1" name="d1" />

如 http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 所示

Answer 1

您必须更改您的 HTML 代码，您在两个字段中使用了相同的 ID 和名称。按如下方式更改

<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]"  tabindex="4" />
<input type="text" name="to" id="to" value="" class="datepicker validate[custom[date]]"  tabindex="4" />