JSFiddle - React, Tailwind, and code Playground

by djp3d

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<div id="dates">

</div>

JavaScript

var dates = ["2019-22-06T09:00","2019-23-06T09:00","2019-24-06T09:00","2019-25-06T09:00"];
var checkIn = "09:00";
function getCurrentNotificationDates () {
  	createNotificationDates(7-dates.length);  	
    return dates;
}
function createNotificationDates(x) {

		console.log("createNotificationDates: "+x);
		
    var now = moment(); 
    var nowCheckin = moment(moment().format("YYYY-DD-MMT")+checkIn,"YYYY-DD-MMTHH:mm");
    
    if(dates.length > 0) {
    	now = moment(dates[dates.length-1],"YYYY-DD-MMTHH:mm");
    }
    
    for(var i = 0; i < x; i++) {        
        var xDate = now.add(1,'days').format("YYYY-DD-MMT")+checkIn;
        console.log("date: "+xDate);
        dates.push(xDate);
        var para = document.createElement("p");
        var node = document.createTextNode(xDate);
        para.appendChild(node);
        document.body.appendChild(para);        
    }
    
}

getCurrentNotificationDates();


setTimeout(function(e){
	getCurrentNotificationDates(2);
},5000);