Comment masquer la navigation suivante / aujourd'hui / précédente dans jQuery DatePicker et désactiver les animations?

Question

Comment masquer la navigation précédent / aujourd'hui / suivante dans jQuery DatePicker?

Je ne suis content que des menus déroulants Mois et Année.

Comment puis-je désactiver les animations?

@ tvanfosson - J'ai déjà essayé hideIfNoPrevNext , mais cela ne fonctionne que si vous ne disposez pas d'une plage de dates de deux mois.

L'option duration a toutefois permis de désactiver les animations.

A bientôt.

Answer 1

Vous pouvez masquer la navigation précédente / suivante via css. Vous pouvez voir des exemples de ce type dans les thèmes http://marcgrabanski.com/pages/code / jquery-ui-datepicker

Answer 2

Vous pouvez trouver les options du contrôle DatePicker à l'adresse http: //docs.jquery. com / UI / Datepicker / datepicker # options . Plus précisément, je pense que vous souhaitez définir hideIfNoPrevNext sur true et définir la durée sur ''.

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

Answer 3

Masquer les boutons

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

Answer 4

J'ai moi aussi rencontré ce problème avec la fonctionnalité par défaut de DatePicker. Il me manquait le lien vers jquery.ui.base.css. Après avoir ajouté une référence à ce fichier sur ma page, cela a fonctionné à merveille. Je n'ai pas eu à peaufiner les CSS ni à définir les propriétés. Fyi.

Answer 5

Modifiez simplement le style pour n'en afficher aucun.

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

Answer 6

Je sais que c'est vieux, mais j'ai trouvé un autre moyen de le faire. J'ai utilisé celui-ci.

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

Vous pouvez le faire comme ça ..

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

Answer 7

utilisez ce code, il fonctionnera certainement pour arrêter la navigation du bouton suivant ou précédent.

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