Frage

Wie blende ich die zurück / heute / next Navigation in jQuery Datepicker?

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

Auch, wie deaktiviere ich die Animationen?

@ tvanfosson - ich hideIfNoPrevNext bereits versucht, aber das funktioniert nur, wenn Sie nicht über einen Datumsbereich, die 2 Monate erstreckt.

Die Dauer Option hat der Trick an, obwohl die Animationen ausschalten.

Prost.

War es hilfreich?

Lösung

Sie können prev / next Navigation via CSS verstecken. Sie können Beispiele sehen, die es in Themen zu tun http://marcgrabanski.com/pages/code / jquery-ui-picker

Andere Tipps

Sie können die Optionen für die Steuerung finden Datepicker unter http: //docs.jquery. com / UI / Datumsauswahl / picker # Optionen . Insbesondere denke ich, Sie hideIfNoPrevNext auf true und setzen Dauer ‚‘.

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

Just verbergen Tasten

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

Ich erlebte auch dieses Problem mit der Datepicker Standardfunktionalität. Mir fehlte die Verbindung zu jquery.ui.base.css. Nach einschließlich arbeitete eine ref auf diese Datei auf meiner Seite, es ist wie ein Zauber. Ich habe nicht alle CSS-zwicken oder fanden keine Eigenschaft festgelegt haben. Fyi.

Ändern Sie einfach den Stil keine angezeigt werden soll.

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

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

.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();
    });

diesen Code verwenden, es wird auf jeden Fall für die Stopp-Navigation der nächsten oder Rückwärtstaste arbeiten ..

$("#cal").datepicker({
stepMonths: 0
)};
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top