12
votes

JQuery DatePicker - Seulement jour et mois

Je veux que l'utilisateur spécifie la date d'anniversaire ou anniversaire (sans l'année) sous une forme. Pour cela, je veux utiliser JQuery DatePicker, mais cela ne devrait pas afficher d'une autre option d'année. Comment faire?

J'ai essayé de modifier le code dans Cette question à ce sujet En faisant changé: true et changeyear: false mais ne pouvait pas le faire fonctionner.


0 commentaires

6 Réponses :


-2
votes

Modifier DateFormat comme xxx

dans datePicker.js fichier


1 commentaires

Ne modifiez pas le code DatePicker si vous pouvez simplement utiliser les options.



12
votes

Définir le CSS pour masquer l'année et la dateDeformat en tant que K6T a dit xxx


3 commentaires

Comment puis-je distinguer cet certain sélecteur de date, quand il y a aussi d'autres pickers?


Pour Cartain DatePickers, vous pouvez l'utiliser à l'intérieur .FOCUS, voir ceci: Stackoverflow.com/a/41931400/3412696


Non suggéré, utilisez configuration à la place, voir Stackoverflow.com/a/6799216/5277245



13
votes

Vous pouvez faire:

$('#date').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'dd MM'
    });


3 commentaires

cela ne fonctionne pas. L'année ne change pas lorsqu'une date future est sélectionnée.


votre bouton aujourd'hui ne fonctionne pas comment le faire fonctionner


Assurez-vous de modifier l'attribut de l'entrée HTML en lecture seule, sinon vous pouvez toujours modifier la valeur d'entrée manuellement.



1
votes
$("#datepicker").datepicker( {
format: "dd-MM",
viewMode: "months", 
maxViewMode: "months"
});
this will surely hide year from datepicker view, will show only month and days panel

1 commentaires

Celles-ci ne semblent pas être des paramètres valides pour la jQuery UI DatePicker.



5
votes

Vous pouvez masquer l'année à partir d'un dayspicker comme ceci:

$(".daypicker").datepicker( { 
    changeYear: false, 
    dateFormat: 'MM-dd',
}).focus(function () {
    $(".ui-datepicker-year").hide();
});


1 commentaires

Cela fonctionne avec .on () et .off () pour le rendre temporairement capricieux



0
votes
$( function() {
     var date = $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true, 
        changeYear: false}).val();
});

2 commentaires

Ajoutez toujours une explication à votre réponse. Le simple code n'aide pas.


Cette réponse pourrait ou non résoudre le problème de l'expérience OP, alors s'il vous plaît, ajoutez toujours une explication à votre réponse pour clarifier la manière dont cela pourrait résoudre le problème.