Como faço para ocultar a próxima hoje / navegação / anterior em jQuery DatePicker e desativar animações?

Question

Como posso esconder a prev / hoje / seguinte navegação em jQuery DatePicker?

Eu estou feliz com apenas a queda Mês e Ano para baixo caixas.

Também como faço para desativar as animações?

@ tvanfosson - Eu já tentei hideIfNoPrevNext mas isso só funciona se você não tem um intervalo de datas que abrange dois meses.

A opção de duração fez o truque para desligar as animações embora.

Felicidades.

Answer 1

Você pode ocultar navegação prev / next via css. Você pode ver exemplos que fazê-lo em temas http://marcgrabanski.com/pages/code / jquery-ui-datepicker

Answer 2

Você pode encontrar as opções para o controle de DatePicker em http: //docs.jquery. com / UI / Datepicker / datepicker # opções . Especificamente, eu acho que você deseja definir hideIfNoPrevNext a duração verdadeiro e conjunto para ''.

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

Answer 3

Apenas ocultar botões

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

Answer 4

Eu também experimentou este problema com a funcionalidade padrão do DatePicker. Eu estava faltando o link para jquery.ui.base.css. Depois de incluir uma referência a esse arquivo na minha página, ele trabalhou como um encanto. Eu não ter de ajustar qualquer css ou não tem que definir qualquer propriedade. FYI.

Answer 5

Apenas modificar o estilo de exibição nenhum.

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

Answer 6

Eu sei que este é antiga, mas eu encontrei uma outra maneira de fazer isso. Eu usei este.

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

Você pode fazê-lo como este ..

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

Answer 7

usar esse código, ele irá definitivamente trabalho para navegação parada da seguinte ou anterior botão ..

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