web-dev-qa-db-fra.com

Changement d'année Jquery datepicker

J'utilise datepicker de jquery pour un champ pour définir la date de naissance, tandis que le sélecteur par défaut est affiché, ce qui donne la possibilité de faire défiler la date mensuellement et semble fastidieux. Existe-t-il un moyen de changer directement d'années plutôt que d'utiliser des mois pour changer l'année à son tour.

25
Sankalp

Il y a une propriété changeYear sur le sélecteur de dates que vous pouvez définir sur true.

$( ".selector" ).datepicker({ changeYear: true });

http://jqueryui.com/datepicker/#dropdown-month-year

Cela rendra une liste de sélection à partir de laquelle vous pouvez choisir l'année que vous souhaitez.

61
Jamie Dixon

Insérer changeYear: true sur votre paramètre DataPicker.

Exemple :

$(function() {
        $( ".datepicker" ).datepicker({
            changeMonth: true,
            changeYear: true
        });
    });
26

Ensemble changeYear: true, comme illustré dans l'exemple de code ci-dessous:

 $("#birth_date").datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
            changeYear: true,
            maxDate: '-1D'
        },
        $.datepicker.regional["fr"]
    );

Reportez-vous ici pour plus d'options: https://jqueryui.com/datepicker/

5
Fokwa Best

Vous pouvez activer une liste déroulante d'année en utilisant la propriété 'changeYear' (voir: jQuery UI ) à partir de l'objet datepicker.

2
Bas Slagter