Datepicker fechas del mes anterior seleccionables

Question

Quiero mostrar las fechas de los meses anteriores y siguientes en mi datePicker. Al igual que este:

Estas fechas también deben ser seleccionable. ¿Hay alguna opción en jQuery default datePicker o puedo modificar DatePicker para que se vea así?

Answer 1

Esto debe hacerlo:

<script> 
    $(function() { 
     $("#datepicker").datepicker({ 
      showOtherMonths: true, 
      selectOtherMonths: true 
     }); 
    }); 
    </script> 

la salida: http://jsfiddle.net/fLveY/2/

Answer 2

Como se mencionó isJustMe esto es sólo la manera de hacerlo. Aquí hay una versión con un pequeño complemento que me parece bastante útil. Si hace clic en los días del mes siguiente o anterior del selector de fecha cambia automáticamente a ese mes:

jQuery('#datepicker').datepicker({ 

    showOtherMonths: true, 
    selectOtherMonths: true, 

    onSelect: function(string, element) { 

     // Change month on click on other days 

     var day = element.selectedDay; 
     var mon = element.selectedMonth; 
     var year = element.selectedYear; 

     var target = jQuery(element.dpDiv).find('[data-year="'+year+'"][data-month="'+mon+'"]').filter(function() { 

      return jQuery(this).text().trim() == day; 

     }); 

     if(target.hasClass('ui-datepicker-other-month')) { 

      if(parseInt(target.text().trim()) > 15) { 

       jQuery(element.dpDiv).find('.ui-datepicker-prev').click(); 

      } else { 

       jQuery(element.dpDiv).find('.ui-datepicker-next').click(); 

      } 

     } 



    }, 

}); 

Aquí un poco de agradecimiento a adeneo and his answer para conseguir el elemento actual.