baje el plugin de jquery el datepicker para que me muestre un calendario de fecha de salida y fecha de llegada pero al momento de poner el codigo lo que es la imagen del calendario me sale 2 veces y no entiendo porque esa la tengo en el css les dejo el codigo
Código HTML:
<form name="chooseDateForm" id="chooseDateForm" action="#"> <fieldset> <legend></legend> <ol> <li> <label for="start-date">Fecha de llegada:</label> <input name="start-date" id="start-date" class="date-pick dp-applied"><a href="#" class="dp-choose-date" title="Choose date">Elige la fecha</a> </li> <li> <label for="end-date">Fecha de salida:</label> <input name="end-date" id="end-date" class="date-pick dp-applied"><a href="#" class="dp-choose-date" title="Choose date">Elige la fecha</a> </li> </ol> </fieldset> </form>
Código:
$(function() { $('.date-pick').datePicker() $('#start-date').bind( 'dpClosed', function(e, selectedDates) { var d = selectedDates[0]; if (d) { d = new Date(d); $('#end-date').dpSetStartDate(d.addDays(1).asString()); } } ); $('#end-date').bind( 'dpClosed', function(e, selectedDates) { var d = selectedDates[0]; if (d) { d = new Date(d); $('#start-date').dpSetEndDate(d.addDays(-1).asString()); } } ); });