5

Wie kann ich die prev/today/next Navigation in jQuery DatePicker ausblenden?Wie verstecke ich die nächste/heute/vorherige Navigation in jQuery DatePicker und deaktiviere Animationen?

Ich bin glücklich mit nur den Dropdown-Boxen Monat und Jahr.

Wie deaktiviere ich auch die Animationen?

@tvanfosson - Ich habe bereits versucht hideIfNoPrevNext, aber das funktioniert nur, wenn Sie keinen Zeitraum haben, der zwei Monate erstreckt.

Die Dauer Option hat den Trick beim Ausschalten der Animationen obwohl.

Prost.

Antwort

1

Sie können die vorherige/nächste Navigation über CSS ausblenden. Sie können Beispiele sehen, die es in Themen tun http://marcgrabanski.com/pages/code/jquery-ui-datepicker

+0

Ich arbeitete sie schließlich heraus, indem sie mit dem CSS Thema Hantieren, aber danke für die Antwort. – Kev

+1

Beachten Sie auch, wenn Sie die nächste Schaltfläche nur über CSS ausblenden möchten, können Sie '.ui-datepicker-next {display: none; } 'Ein ähnliches Thin kann mit prev unter Verwendung von' .ui-datepicker-prev' und '.ui-datepicker-buttonpane' gemacht werden. Enjoy ~ – SyntaxRules

+2

Link ist tot, Antwort ist nicht mehr nützlich. –

10

Sie finden die Optionen für das DatePicker-Steuerelement unter . Insbesondere denke ich, dass du hideIfNoPrevNext auf true setzen und die Dauer auf '' setzen willst.

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

Nur Tasten verbergen

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

Funktioniert nicht für mich. – anmarti

2

ich dieses Problem zu erfahren mit der Datepicker Standardfunktionalität. Ich habe den Link zu jquery.ui.base.css fehlt. Nachdem ich diese Datei auf meiner Seite gefunden hatte, funktionierte es wie ein Zauber. Ich musste kein CSS optimieren oder musste keine Eigenschaft festlegen. Fyi.

2

Ändern Sie einfach den Stil, um keine anzuzeigen.

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

Verwendung dieser Code, es wird auf jeden Fall für die Stopp-Navigation des nächsten oder Rückwärtstaste arbeiten ..

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

Wenn Sie die Datumsauswahl zweimal oder öfter in Ihrem Formular verwenden, können Sie diesen Code speziell für einen Kalender verwenden. –

+0

Haben Sie bemerkt, dass diese Frage mehr als 8 Jahre alt ist?!? und auch das OP hat erklärt, dass er in der Lage gewesen war, das Problem selbst zu lösen – EhsanT

+0

yup ich bemerkte @EhsanT bt ich denke, dass Lösungen nicht entsprechend Problem funktionieren, so löste ich Antwort ... –

0

Ich weiß, das ist alt, aber ich fand einen anderen Weg, dies zu tun. Ich habe das hier benutzt.

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

Sie können es so machen ..

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