Afficher l'alerte si l'utilisateur sélectionne une date dans les 3 prochains jours

Question

Im utilisant xdsoft datetimepicker afin que les utilisateurs peuvent sélectionner une date limite. Je voudrais montrer une alerte s'ils choisissent l'un des 3 prochains jours.

Initialement, j'avais mis un minDate donc ces jours n'étaient pas sélectionnables mais je préférerais que ces jours puissent être sélectionnés et une boîte d'alerte est montrée à la place.

Je ne suis pas sûr si là si une option pour cela existe déjà, je ne pouvais pas trouver un dans la documentation.

Voilà comment je fais it-

html

<h3>Deadline:</h3> 
<input type="text" id="datetimepicker"/> 

jquery

$('#datetimepicker').datetimepicker({ 
    timepicker:false, 
    format:'d/m/Y', 
    formatDate:'Y/m/d', 
    minDate:'+1970/01/04', 
}); 

J'ai également mis en place a jsfiddle

Merci les gars, si vous pouviez me diriger dans le bon chemin, il serait très apprécié

Answer 1

Date.prototype.addDays = function(days) { 
 
    var dat = new Date(this.valueOf()); 
 
    dat.setDate(dat.getDate() + days); 
 
    return dat; 
 
} 
 

 
$("#datetimepicker").on("change", function(){ 
 
    var date= new Date().addDays(3); 
 
    var selected = new Date($(this).val()); 
 
    var current = new Date(); 
 
    if(selected > current && selected < date) 
 
    { 
 
     // your code here 
 
     alert("success"); 
 
     
 

 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<h3>Deadline:</h3> 
 
<input type="date" id="datetimepicker"/>

Answer 2

vérifier ce violon pour la solution. J'ai utilisé des dates codées en dur mais vous pouvez faire le formatage en conséquence. Il y a onSelectDate:function(ct){..... que vous pouvez utiliser.

$('#datetimepicker').datetimepicker({ 
    timepicker:false, 
    format:'d/m/Y', 
    formatDate:'Y/m/d', 
    minDate:'+1970/01/00', 
    onSelectDate:function(ct){ 

    var dateFrom = "06/08/2017"; 
    var dateTo = "06/11/2017"; 
    var dateCheck = "06/09/2017"; 

    var d1 = dateFrom.split("/"); 
    var d2 = dateTo.split("/"); 
    var c = dateCheck.split("/"); 

    var from = new Date(d1[2], parseInt(d1[1])-1, d1[0]); // -1 because months are from 0 to 11 
    var to = new Date(d2[2], parseInt(d2[1])-1, d2[0]); 
    var check = new Date(c[2], parseInt(c[1])-1, c[0]); 

    alert(check > from && check < to); 
    }, 
}); 

https://jsfiddle.net/oqw90cbu/5/