¿Cómo oculto la navegación siguiente/actual/anterior en jQuery DatePicker y apago las animaciones?

Question

¿Cómo oculto la navegación prev/today/next en jQuery DatePicker?

Estoy satisfecho con solo los cuadros desplegables Mes y Año.

¿Cómo desactivo las animaciones?

@tvanfosson - Ya probé hideIfNoPrevNext pero eso solo funciona si no tiene un rango de fechas que abarca dos meses.

Sin embargo, la opción de duración hizo el truco para desactivar las animaciones.

Saludos.

Answer 1

Puede ocultar la navegación anterior/siguiente a través de css. Se puede ver ejemplos que lo hacen en temas http://marcgrabanski.com/pages/code/jquery-ui-datepicker

Answer 2

Puede encontrar las opciones para el control DatePicker en http://docs.jquery.com/UI/Datepicker/datepicker#options. Específicamente, creo que quiere establecer hideIfNoPrevNext en true y establecer la duración en ''.

$('#cal').datepicker({ hideIfNoPrevNext: true, duration: '' }); 

Answer 3

Sólo ocultar botones

$("div.ui-datepicker-header a.ui-datepicker-prev,div.ui-datepicker-header a.ui-datepicker-next").hide(); 

Answer 4

Yo también experimentado este problema con la funcionalidad por defecto de DatePicker. Me faltaba el enlace a jquery.ui.base.css. Después de incluir una referencia a este archivo en mi página, funcionó a las mil maravillas. No tuve que ajustar ningún CSS o no tuve que establecer ninguna propiedad. Fyi.

Answer 5

Simplemente modifique el estilo para que no aparezca ninguno.

div.ui-datepicker-header 
a.ui-datepicker-prev,div.ui-datepicker-header 
a.ui-datepicker-next 
{ 
    display: none; 
} 

Answer 6

utilizar este código, que sin duda trabajar para la parada de navegación del botón de siguiente o anterior ..

$("#cal").datepicker({ 
stepMonths: 0 
)}; 

Answer 7

Sé que esto es viejo, pero he encontrado otra manera de hacer esto. Usé este.

.focus(function() { 
    $(".ui-datepicker-next").hide(); 
    $(".ui-datepicker-prev").hide(); 
}); 

Puede hacerlo de esta manera ..

$('#TextDateId').datepicker({ 
     dateFormat: "MM dd yyyy", 
     changeMonth: true, 
    }).focus(function() { 
     $(".ui-datepicker-next").hide(); 
     $(".ui-datepicker-prev").hide(); 
    });