`; }); // leere Felder vor den 1. jedes Monats for(let i=0;i
"; // aktuelle Datum mit Uhrzeit auf Mitternnacht let today = new Date(); today.setHours(0,0,0,0); // anzahl der Tage ausgeben for(let d=1;d<=daysInMonth;d++){ // aktuelles Datum let date = new Date(year,month,d); // richtiges Format let key = formatDate(date); // prüfen auf auswählbaren Tag date.setHours(0,0,0,0); let blocked = date < today || isSunday(date) || holidays.includes(key); // ausgabe der Tage html += `
${d}
`; } // fertigen Kalender anzeigen html+="
"; document.getElementById("tb-calendar").innerHTML=html; // button zu vorheriges Monat ausblenden document.getElementById("prevBtn").style.display = (current <= startDate) ? "none" : "inline-block"; // button zu nächsten Monat ausblenden let hideNext = (year > maxYear) || (year === maxYear && month >= maxMonth); document.getElementById("nextBtn").style.display = hideNext ? "none" : "inline-block"; }); } window.prevMonth = function(){ // aktuelles Datum let test=new Date(current); // einen Monat zurückgehen test.setMonth(test.getMonth()-1); // nicht vor das Startdatum if(test maxYear || (year === maxYear && month >= maxMonth)) return; // einen Monat vorwärts current.setMonth(current.getMonth()+1); renderCalendar(); } window.selectDate=function(y,m,d,el){ selectedDate=new Date(y,m,d); // Kalender auswahl zurücksetzen document.querySelectorAll("#tb-calendar div").forEach(e=>{ e.classList.remove("tb-selected"); }); // Zeitbereich el.classList.add("tb-selected"); renderTimeInput(); } function renderTimeInput(){ // Zeitbereich let container=document.getElementById("tb-time"); // Zeiteingabefeld container.innerHTML=`
`; document.getElementById("tb-time-input").addEventListener("input",function(){ // abbruch wenn kein Datum ausgewählt if(!selectedDate)return; // eingegebene Uhrzeit let time=this.value; if(!time)return; // Datumsteile trennen let yyyy=selectedDate.getFullYear(); let mm=String(selectedDate.getMonth()+1).padStart(2,'0'); let dd=String(selectedDate.getDate()).padStart(2,'0'); // vollständiger String let full=`${yyyy}-${mm}-${dd} ${time}`; // abbrechen wenn es kein hidden gibt let input = document.getElementById("tb-hidden-datetime"); if(!input)return; // wert in hidden field speichern input.value=full; }); } renderCalendar(); });