2016-09-09 1 views
0

방문자가 도착 날짜와 출발 날짜로 숙박 예약을 할 수있는 양식이 있습니다. 그들이 입력 필드를 클릭하면 캘린더가 팝업되어 날짜를 선택합니다. 출발일이 < = 도착 날짜 인 경우 팝업 JS 알림을 어떻게 추가 할 수 있습니까? 다음과 같이 내 코드는 다음과 같습니다입력 한 날짜 JS 알림 2 <= 날짜 1

<head> 
... 
<script type="text/javascript" src="js/CalendarPopup.js"></script> 
<script type="text/javascript">document.write(getCalendarStyles());</script> 
... 
</head 
    <script type="text/javascript" id="jsArrive"> 
var now = new Date(); 
var yesterday = new Date(now); 
yesterday.setDate(now.getDate() - 1); 
var calArrive = new CalendarPopup("divArrive"); 
</script> 
<b>Arrive:</b> 
<input type="text" name="dateArrive" value="" size="15" onClick="calArrive.select(document.forms[0].dateArrive,'dateArrive','d/M/yyyy'); return false;" title="calArrive.select(document.forms[0].dateArrive,'dateArrive','d/M/yyyy'); return false;" id="dateArrive" /> 
</p> 
<div id="divArrive" style="position:absolute;visibility:hidden;background-color:white;layer-background-color:white;"></div> 

<script type="text/javascript" id="jsDepart"> 
var now = new Date(); 
var yesterday = new Date(now); 
yesterday.setDate(now.getDate() - 1); 
var calDepart = new CalendarPopup("divDepart"); 
</script> 
<b>Depart:</b> 
<input type="text" name="dateDepart" value="" size="15" onClick="calDepart.select(document.forms[0].dateDepart,'dateDepart','d/M/yyyy'); return false;" title="calDepart.select(document.forms[0].dateDepart,'dateDepart','d/M/yyyy'); return false;" id="dateDepart" /> 
<input type="submit" value="Go" name="submit" /> 
</p> 
<div id="divDepart" style="position:absolute;visibility:hidden;background-color:white;layer-background-color:white;"></div> 
+0

은'calArrive' 및'calDepart' 날짜 객체입니까? –

+0

@ JaromandaX-see'var calArrive = new CalendarPopup ("divArrive");' – RobG

+0

신 ... 나는 바보 야. –

답변

1

그것과 같이, 두 날짜를 비교하는 것만 큼 간단합니다

if (departureDate <= arrivalDate) { 
    alert ("You must make sure your departure is before your arrival!); 
} 

나는 사용자가 도착 날짜를 입력 한 if 문 위를 실행하는 것이 좋습니다. 따라서 각 입력에 대해 onChange 이벤트를 사용하여 출발 날짜를 변경할 수 있습니다.

+0

고마워, James111. 그러나 그것을 어디에 두는가? 나는 다양한 장소에서 그것을 시도했지만 경고를 팝업하지 않습니다. –

+0

@BunyipBluegum javascript는 줄 단위로 실행되며 경고가 발생할 경우 해지 될 때까지 실행이 중지됩니다. 모든 파일을 같은 파일에 넣고 포함 시키십시오! – James111