Hola, estoy arreglando un datepicker para una pagina de reservas de hotel que estoy haciendo, de hecho es un template, pero no hallo como implementarle una funcion que esta en este datepicker: http://www.vacacionesytours.com/calendar/
por ejemplo:
1.- escojo el dia 6 de agosto en check in
2.- escojo el dia 12 de agosto en checkout
3.- vuelvo a escoger ahora el dia 2 de julio
4.- el campo de check out se pone en blanco
el datepicker que quiero hacer funcionar esta en esta direccion y es de mootools
http://www.vacacionesytours.com (es solo un template)
añado el codigo del que ya esta funcionando a ver si alguien logra identificar que funcion es: (quise poner el codigo pero no me dejó que por que está muy largo asi que anexo la pagina con el codigo)http://www.vacacionesytours.com/calendar/modice_dates.js
y este es el index:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es" >
<head>
<title>Datepicker</title>
<link rel="stylesheet" href="lightbrown.css" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqueryui.js"></script>
<script type="text/javascript" src="modice_dates.js"></script>
<script type="text/javascript">
window.modicebooking = {
DATE_FORMAT: "dd-mm-yy",
JANUARY: "Enero",
FEBRUARY: "Febrero",
MARCH: "Marzo",
APRIL: "Abril",
MAY: "Mayo",
JUNE: "Junio",
JULY: "Julio",
AUGUST: "Agosto",
SEPTEMBER: "Septiembre",
OCTOBER: "Octubre",
NOVEMBER: "Noviembre",
DECEMBER: "Diciembre",
MONDAY_MIN: "Lu",
TUESDAY_MIN: "Ma",
WEDNESDAY_MIN: "Mi",
THURSDAY_MIN: "Ju",
FRIDAY_MIN: "Vi",
SATURDAY_MIN: "Sá",
SUNDAY_MIN: "Do",
ERROR_DEPARTURE_BEFORE_ARRIVAL: "La salida es anterior a la llegada",
ERROR_ARRIVAL_PAST: "La fecha de llegada ya ha pasado",
ERROR_DEPARTURE_PAST: "La fecha de salida ya ha pasado",
ERROR_DEPARTURE_PAST: "La fecha de salida ya ha pasado",
ERROR_RECHECK_DATES: "Por favor, controlar fechas",
MIN_BOOKING_DAYS: "1",
MAX_BOOKING_DAYS: "",
MAX_DATE: "01-11-2013",
ARRIVAL_WEEKDAY: "",
DEPARTURE_WEEKDAY: "",
FIRST_DAY: "1",
MODULE_IMAGE_DIR: "http://demo.icejoomla.com/icebookingj/modules/mod_icebooking/images/",
SHOW_ICON: "1",
INCLUSIVE_BOOKING: "1"
};
</script>
</head>
<body>
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-body">
<div class="art-contentLayout">
<div class="art-sidebar1"><div class="art-Block">
<div class="art-Block-body">
<div class="art-BlockContent">
<div class="art-BlockContent-tl"></div>
<div class="art-BlockContent-tr"></div>
<div class="art-BlockContent-bl"></div>
<div class="art-BlockContent-br"></div>
<div class="art-BlockContent-tc"></div>
<div class="art-BlockContent-bc"></div>
<div class="art-BlockContent-cl"></div>
<div class="art-BlockContent-cr"></div>
<div class="art-BlockContent-cc"></div>
<div class="art-BlockContent-body">
<div id="iceDateSelector">
<form action="http://demo.icejoomla.com/icebookingj/index.php?ctrl=booking&option=com_icebooking&Itemid=1" method="post">
<div id="iceInnerWrapper">
<label>Seleccionar apartamento</label>
<div class="iceGroup">
<select name="iceItemID" id="iceItemID" ><option value="1" >Un dormitorio</option><option value="3" >Dos dormitorios</option><option value="5" >Casa de verano</option><option value="17" >17</option><option value="19" >19</option><option value="21" >21</option><option value="24" >ATV Tour</option><option value="26" >26</option></select> </div>
<label>Llega el</label>
<div class="iceGroup">
<input id="iceArrival" readonly="readonly" type="text" name="arrival" value=""/>
</div>
<label>Salida</label>
<div class="iceGroup">
<input id="iceDeparture" readonly="readonly" type="text" name="departure" value=""/>
</div>
<div class="iceClearFix"></div>
<div id="iceAdults" class="guestCounts" id="adultNum">
<label>Adultos</label>
<div class="iceGroup">
<select name="iceAdults" ><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select> </div>
</div>
<div id="iceChildren" class="guestCounts" id="childrenNum" style="">
<label>Niños</label>
<div class="iceGroup">
<select name="iceChildren" ><option value="0" SELECTED >0</option><option value="1">1</option><option value="2">2</option></select> </div>
</div>
</div>
<div>
<input type="hidden" name="mode" value="2"/>
<input type="hidden" name="filteredItems" value="-1"/>
<div style="clear:both;"></div>
<div class="iceError"></div>
<div class="iceClearFix"></div>
<div class="mtop5">
<span class="iceBlueB">
<button id="iceSubmit" type="submit" class="rounded">
<span>Búsqueda</span>
</button>
</span>
</div>
<div class="iceClearFix"></div>
</div>
<input name="iceModule" type="hidden" value="default"/>
<input name='iceItemsInfo' type='hidden' value='{"1":{"adults":"12","childrens":"2","guests":"14"},"3":{"adults":"4","childrens":"2","guests":"6"},"5":{"adults":"10","childrens":"4","guests":"14"},"17":{"adults":"10","childrens":"0","guests":"10"},"19":{"adults":"0","childrens":"0","guests":"0"},"21":{"adults":"4","childrens":"0","guests":"4"},"24":{"adults":"10","childrens":"5","guests":"15"},"26":{"adults":"2","childrens":"0","guests":"2"}}'/>
</form>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="cleared"></div>
</div>
<div></div>
</body>
</html> el codigo es de otra pagina, yo solo quiero ponerle una funcion que haga mas o menos lo mismo, que no te permita escoger una fecha de check in mayor que la de check out y viceversa
Gracias por cualquier ayuda.