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

Question

¿Cómo oculto la navegación anterior / hoy / siguiente en jQuery DatePicker?

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

Además, ¿cómo desactivo las animaciones?

@ tvanfosson : ya probé hideIfNoPrevNext pero eso solo funciona si no tiene un intervalo de fechas que abarque 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. Puedes 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 # opciones . Específicamente, creo que desea establecer hideIfNoPrevNext en verdadero y establecer la duración en ''.

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

Answer 3

Solo esconde botones

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

Answer 4

Yo también experimenté este problema con la funcionalidad predeterminada 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ó de maravilla. No tuve que modificar ningún CSS o no tuve que configurar ninguna propiedad. Fyi.

Answer 5

Simplemente modifique el estilo para mostrar ninguno.

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

Answer 6

Sé que esto es viejo pero encontré otra forma de hacerlo. Usé este.

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

Puedes hacerlo así ...

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

Answer 7

use este código, definitivamente funcionará para detener la navegación del botón siguiente o anterior ...

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