比较 jstl 的 c:if 标记中输入字段的两个值

Question

我有两个输入字段，通过它我可以选择日期和时间。现在我想表明 startdate 应该总是小于 enddate。如果不是，那么应该显示错误消息，显示“enddate has to be greater” .输入字段的代码是

<input id="startdate" type="text" size="25" name="startdate" 

onclick="javascript:NewCal('startdate','ddmmmyyyy',true,24)" >
<a>
<img src="images/cal.gif" width="10" height="10" border="0" alt="Pick a date">
</a>

<input id="enddate" type="text" size="25" name="enddate" onclick="javascript:NewCal('enddate','ddmmmyyyy',true,24)" >
<a>
<img src="images/cal.gif" width="10" height="10" border="0" alt="Pick a date">
</a>
<c:if test="${enddate < startdate}">
<c:out value="Endate date should be greater than start date"></c:out> </c:if>
<input type="submit" value="Submit"><br>

</form>

我已经用 jstl 的标签尝试过，但它不起作用。如果我选​​择的 enddate 小于 startdate，则不会显示错误消息。 我在做什么错。我不能在 JSTL 的标签中使用输入字段的 id 吗？

EDIT-1 填写表格后的屏幕排序为

当我点击文本字段时会出现日历。

Answer 1

你可以这样尝试：-

修改这一行：

<form onsubmit="date_comapare()">
<input id="startdate" type="text" size="25" name="startdate" onclick="javascript:NewCal('startdate','ddmmmyyyy',true,24)" >
<a><img src="images/cal.gif" width="10" height="10" border="0" alt="Pick a date"></a>

<input id="enddate" type="text" size="25" name="enddate" onclick="javascript:NewCal('enddate','ddmmmyyyy',true,24)" >
<a><img src="images/cal.gif" width="10" height="10" border="0" alt="Pick a date"></a>

 <input type="submit" value="Submit"><br>
</form>

您可以像这样格式化您的日期选择器：Mon, 09 Mar 2015 09:28:26 GMT

javascript:-

function date_comapare()
{

   var d1=document.getElementIdBy("startdate").value; // start date
   var d2=document.getElementIdBy("enddate").value; //end date

   if(new Date(d2).valueOf() < new Date(d1).valueOf())
   {
      alert("Endate date should be greater than start date");  // handle  your error validation here
      return false;
   }
}