JavaScript on the Calendar

Question

<td class="text">&nbsp;<font color='red'>*</font>Date 1</td>
        <td nowrap title="">
         <Input name="EFF_DATE" class="textrt" maxlength="10" size="25" tabindex="14" value="<%=lStrEFF_DATE%>" 
         <%if (lStrINS_IND.equals("EASC")) { %> 
         readonly <% } %>
          onfocus="if(lVarEffDateFlag != 0) lVarTempValEffDate=lVarCallEffDate; else lVarTempValEffDate=this.value;"
          onblur="if(this.value!='' && this.value!=lVarTempValEffDate){
            lVarEffDateFlag = ''; lVarCallEffDate = ''; this.isValid=fnValidateField(this,'date');
            if (this.isValid == false) {
             this.focus(); this.select();
             this.value=lVarTempValEffDate;
            }
            else {
             fnEffDate(lVarTempValEffDate);
             document.all.RI_MTD.focus();
            }}" 
           >                
         <%if (!lStrINS_IND.equals("EASC")) { %>
         <A onclick="lVarEffDateFlag=1; lVarCallEffDate=document.all.EFF_DATE.value; fnShowCalendar('frmSummary.EFF_DATE');"
          onmouseover="window.status='Date Picker';return true;"
          onmouseout="window.status='';return true;" tabindex="-1">
          <IMG src="<%=lStrLocalPath%>images/CL4.gif" border="0"></A><% } %></td> 
         <td class="text">&nbsp;<font color='red'>*</font>Nett Premium</td>
         <td nowrap title="" colspan="2">
          <Input name="NETT_PREM" class="textrt"  maxlength="10" size="25" value="<%=lStrNETT_PREM%>" readOnly>
         </td> 

        </tr>
        <tr>
         <td class="text">&nbsp;<font color='red'>*</font>Date 2</td>
         <td nowrap title="">
                 <Input name="EXP_DATE" class="textrt" maxlength="10"
        size="25" tabindex="16" value="<%=lStrEXP_DATE%>" 
        <%if (lStrINS_IND.equals("EASC")) { %>
        readonly <% } %>
        onfocus="if(lVarExpDateFlag != 0) lVarTempValExpDate=lVarCallExpDate; else lVarTempValExpDate=this.value;"
        onblur="if(this.value!='' && this.value!=lVarTempValExpDate){
             lVarExpDateFlag = ''; lVarCallExpDate = ''; this.isValid=fnValidateField(this,'date');
             if (this.isValid == false) {
              this.focus(); this.select();
              this.value=lVarTempExpDate;
             }
             else {
             fnExpDate(lVarTempValExpDate);
             document.all.RI_MTD.focus();
            }}">
          <%if (!lStrINS_IND.equals("EASC")) { %>
          <a onclick="lVarExpDateFlag=1; lVarCallExpDate=document.all.EXP_DATE.value; fnShowCalendar('frmSummary.EXP_DATE');"
          onmouseover="window.status='Date Picker';return true;"
          onmouseout="window.status='';return true;" tabindex="-1"><img
          src="<%=lStrLocalPath%>images/CL4.gif" border="0"></a><% } %>
         </td>

above got 2 textbox which is the Date1 and Date2 where the user can select the date (using date picker). My question is how to create an alert popup box where the diff bet. Date1 and Date2 is more than 18 months?

any help, i am truly appreciated it... thanks

Answer 1

What about when the second date changes, you call a method/function that calculates the date difference?