Dev Faq
-1
votes

2 Date-dépendante avec une date min et max

Je cherche à construire un formulaire avec 2 satellistes. Les données choisies du premier, doivent être la mentalité du second et le maxdate du second doit être la route + 10 jours.

Par exemple:

  • Première date sélectionnée: 01/01/2019
  • Dans le deuxième champ, je peux choisir le maximum du 01/10/2019 à la date

    Voici mon petit code que j'ai fait juste maintenant: xxx

5 commentaires

Désolé, je l'ai oublié

Quoi, exactement, tu luttes avec?

Comme je l'ai dit, j'aimerais une dépendance entre eux. Mais avec mon code n'est pas la dépendance que j'aimerais avoir

Assurez-vous de ne pas mal faire vos formats de date. Votre datformat est défini sur dd-m-yy mais vos dates d'exemple dans votre explication semblent être mm / jj / aaaa

Je vous suggère de ne pas définir la date maximale du champ depuis, puisque j'ai eu un problème similaire, et cela créera un problème. Pensons que vous choisissez de choisir parmi le 2019/01/07 que celui de Min sera 2019/01/08; Maintenant, si vous choisissez l'AIH 2019/01/10, l'A partir du produit sera à max le 2019/01/10 aussi. Maintenant, il y aura un problème, car vous ne pouvez plus définir une date après 2019/01/10.

3 Réponses :

1
votes

Si vous souhaitez définir la date sur code> à partir de +1 jour de la date sélectionnée à +10 jour à partir de la date sélectionnée, cela devrait fonctionner: 

 $("#from").datepicker({
    dateFormat: "dd-mm-yy",
    minDate: 0,
    onSelect: function (date) {
        var selectedDate = $('#from').datepicker('getDate').getDate();
        var minDate = new Date();
        // set min date
        minDate.setDate(selectedDate  + 1);
        var maxDate = new Date();
        // set max date
        maxDate.setDate(selectedDate  + 10);
        $('#to').datepicker('setDate', minDate );
        //sets minDate to from date + 1
        $('#to').datepicker('option', 'minDate', minDate );
        //sets maxDate to from date + 10
        $('#to').datepicker('option', 'maxDate', maxDate );
    }
});

1 commentaires

désolé ça ne marche pas pour moi. Ça n'ouvre pas le "à" salepicker

0
votes

Merci à Giuseserv j'ai trouvé la solution.

ici le code xxx

0 commentaires
2
votes

Essayez ceci

​​ p> 

<!-- Css Link -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />
<!-- js Link-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>

From Date:-
<input type="text" name="" class="form-control" autocomplete="off" id="from_date" placeholder="Select Date">
<br>
<br>
To Date:-
<input type="text" name="" class="form-control" autocomplete="off" id="to_date" placeholder="Select Date">

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO