Comment désactiver les futures dates dans datepicker?

J'ai utilisé le code suivant pour cela, mais il ne fonctionne pas. merci de m'aider à le faire.

$(document).ready(function () {

        $('.datepicker').datepicker({
            format: 'mm-dd-yyyy',
            autoclose:true,
            endDate: "today",

        }).on('changeDate', function (ev) {
                $(this).datepicker('hide');
            });


        $('.datepicker').keyup(function () {
            if (this.value.match(/[^0-9]/g)) {
                this.value = this.value.replace(/[^0-9^-]/g, '');
            }
        });
    });

Essayez cette $("ID").datepicker('option', 'maxDate', new Date());
sur le changement de Date: une fois que vous obtenez la date qui est sélectionné juste parse que la date de cette ligne $("ID").datepicker({ maxDate: selected Date() }); ajouter cette ligne dans on('ChangeDate')événement.
ou si vous souhaitez désactiver les dates avant de changer qu'au-dessus de KiRa fournir la solution déjà.

InformationsquelleAutor Praddyumna Sangvikar | 2017-02-09

Vous pouvez faire ceci: Datepicker a une option maxDate

JS:

$(document).ready(function () {
        var today = new Date();
        $('.datepicker').datepicker({
            format: 'mm-dd-yyyy',
            autoclose:true,
            endDate: "today",
            maxDate: today
        }).on('changeDate', function (ev) {
                $(this).datepicker('hide');
            });


        $('.datepicker').keyup(function () {
            if (this.value.match(/[^0-9]/g)) {
                this.value = this.value.replace(/[^0-9^-]/g, '');
            }
        });
    });

HTML:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Select Date: <input type="text" class="datepicker"></p>

$ n'est pas défini...Merci d'ajouter jQuery lien ci-dessus pour l'exemple complet.
Merci pour le modifier.
S'il vous plaît, confirmer ma dernière mise à jour. Maintenant est enfin de travail. 🙂
Merci @abbasali.. 🙂
Je suis en utilisant Bootstrap datepicker de sorte qu'il ne fonctionne pas correctement
quel problème avez-vous maintenant?
de travail pour moi ... merci

InformationsquelleAutor Sorangwala Abbasali

0

à l'aide de maxDate:'0' vous pouvez acchive cette.

Travail de violon
```
$("#datepicker").datepicker({
  dateFormat: 'yy-mm-dd ',
  maxDate:'0'
});
```
InformationsquelleAutor Shree
0

Si vous voulez avenir date de désactiver à partir d'aujourd'hui, l'utilisation today.getFullYear() - 10 afin de désactiver les 10 ans avant ce qui signifie désactiver à partir de 2008.
```
<script>
 $(document).ready(function(){
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear()-10; //change according to year 0 for current
var today1 = mm + '/' + dd + '/' + yyyy;
$("#birthday").datepicker({
     endDate:today1,
    });
});
</script>
```
- S'il vous plaît ajouter une explication à votre code.
- si vous voulez avenir date de désactiver à partir d'aujourd'hui utilisent aujourd'hui.getFullYear(); parce -10 montrer désactiver de 10 ans avant ce qui signifie désactiver à partir de 2008;
- Dans l'avenir, s'il vous plaît ajouter des informations supplémentaires directement dans votre réponse en cliquant sur le edit bouton ci-dessous votre réponse.
InformationsquelleAutor abhishek kumar

JS:

$(document).ready(function () {
        var today = new Date();
        $('.datepicker').datepicker({
            format: 'mm-dd-yyyy',
            autoclose:true,
            endDate: "today",
            maxDate: today
        }).on('changeDate', function (ev) {
                $(this).datepicker('hide');
            });


        $('.datepicker').keyup(function () {
            if (this.value.match(/[^0-9]/g)) {
                this.value = this.value.replace(/[^0-9^-]/g, '');
            }
        });
    });

HTML:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Select Date: <input type="text" class="datepicker"></p>

Tout d'abord, bienvenue sur StackOverflow. Suivant les conseils de la communauté, il est recommandé d'inclure le contexte de votre code source dans le but de recevoir de l'exactitude des réponses. Veuillez consulter la documentation de sur comment écrire une bonne question
Vous savez que c'est une réponse et pas une question, pas vrai?
De toute façon, prendre un coup d'oeil à comment répondre
Merci @Zoe je suis confus peut-être l'édition d'un autre question :(. Mes excuses

InformationsquelleAutor ASWATH DAS O

Vous devez vous connecter pour publier un commentaire.