Jak ukryć następną/dzisiejszą/poprzednią nawigację w jQuery DatePicker i wyłączyć animacje?

Question

Jak ukryć nawigację prev/today/next w jQuery DatePicker?

Cieszę się z rozwijanych pudełek Miesiąc i Rok.

Również w jaki sposób wyłączyć animacje?

@tvanfosson - Próbowałem już hideIfNoPrevNext, ale to działa tylko wtedy, gdy nie ma zakresu dat obejmującego dwa miesiące.

Opcja czasu działała jednak na wyłączanie animacji.

Pozdrawiam.

Answer 1

Możesz ukryć poprzednią/następną nawigację przez css. Można zobaczyć przykłady, które zrobić to w tematach http://marcgrabanski.com/pages/code/jquery-ui-datepicker

Answer 2

Możesz znaleźć opcje kontrolki DatePicker pod adresem http://docs.jquery.com/UI/Datepicker/datepicker#options. W szczególności, myślę, że chcesz ustawić hideIfNoPrevNext na true i ustawić czas trwania na ''.

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

Answer 3

Wystarczy ukryć przyciski

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

Answer 4

ja też doświadczył tego problemu z domyślnej funkcjonalności DatePicker za. Brakowało mi linku do jquery.ui.base.css. Po dodaniu do tego pliku odniesienia na mojej stronie, zadziałało to jak czar. Nie musiałem modyfikować żadnego css lub nie musiałem ustawiać żadnej właściwości. Fyi.

Answer 5

Po prostu zmodyfikuj styl, aby wyświetlić brak.

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

Answer 6

użyć tego kodu, będzie to z pewnością praca dla nawigacji stop następnego lub prev przycisku ..

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

Answer 7

wiem, że to jest stary, ale znalazłem inny sposób to zrobić. Użyłem tego.

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

Można zrobić to tak ..

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