Hallöchen
ich sitze seit einer Woche an dem Kalender und komme nicht voran. Also, das ganze soll wie folgt funktionieren:
Ein Kunde wählt sein Essen aus, wird auf diese Seite weitergeleitet und entscheidet nun, ob er sein Essen abholen oder liefern lassen möchte.
1. Problem: klickt der Kunde auf eine Uhrzeit im Bereich "Abholen", dann kann er gleichzeitig auch auf die Uhrzeiten im Bereich "Liefern lassen" klicken. Ich habe versucht unten die Ausgabe "Ihre ausgewählte Uhrzeit: ... " ausblenden zu lassen, je nachdem in welchem Feld der Kunde rumklickt. Ich habe es wie folgt versucht "falls ... dann disable .. ansonsten enable" aber es hat nicht funktioniert, habe den code komplett gelöscht, weil ich es nochmal neu versuchen wollte. Über Tipps würde ich mich wirklich sehr freuen!
2. Problem: im Bereich Abholen werden verschiedene Uhrzeiten angezeigt, Ziel ist es, die vergangenen Uhrzeiten automatisch durchstreichen zu lassen. Ich habe versucht die Werte in einen String zu konvertieren usw. usf. nichts hat funktioniert, wäre das ganze leichter wenn ich die Uhrzeiten mit der DB verbinde oder reicht JS?
zu Problem numero 2 habe ich einiges ausprobiert und wieder gelöscht, das einzige was übrig ist:
let past= new Date(document.getElementById('days')); // past
let now = new Date(Date.UTC(myDate.getDate())); // now
if (calenderTime < currentTime)
{
document.getElementById("days").disabled = true;
}
else
{
document.getElementById("days").disabled = false;
}
Alles anzeigen
und
<div class="demo-description">
<table>
<tr>
<th>Abholen</th>
<th>Liefern</th>
</tr>
<tr>
<td>
<ul class="days">
<li><button class="color">13:00</button></li>
<li><button class="color">13:15</button></li>
<li><button class="color">13:30</button></li>
<li><button class="color">13:45</button></li>
<li><button class="color">14:00</button></li>
<li><button class="color">14:15</button></li>
<li><button class="color">14:30</button></li>
<li><button class="color">14:45</button></li>
<li><button class="color">15:00</button></li>
<li><button class="color">15:15</button></li>
<li><button class="color">15:30</button></li>
<li><button class="color">15:45</button></li>
<li><button class="color">16:00</button></li>
<li><button class="color">16:15</button></li>
<li><button class="color">16:30</button></li>
<li><button class="color">16:45</button></li>
<li><button class="color">17:00</button></li>
<li><button class="color">17:15</button></li>
<li><button class="color">17:30</button></li>
<li><button class="color">17:45</button></li>
<li><button class="color">18:00</button></li>
<li><button class="color">18:15</button></li>
<li><button class="color">18:30</button></li>
<li><button class="color">19:00</button></li>
</ul>
<p>Ihre ausgewählte Uhrzeit: <b><span id="output"></span></b></p>
<p class="demo-description__p">
Wählen Sie eine Uhrzeit aus und holen Sie sich Ihren Genussmoment für Zuhause direkt selbst ab.
</p>
</td>
<td>
<a class="btn1">13:00 Uhr</a>
<p><a class="btn1">17:00 Uhr</a></p>
<p class="demo-description__p3">
<p class="versch">
<p>Ihre ausgewählte Uhrzeit: <b><span id="output2"></span></b></p>
Ihr Wunschgericht wird Ihnen am jeweiligen Tag zur Mittagszeit oder
zum Abendessen von unserem freundlichen Kurier geliefert.
</p>
</p>
</td>
</tr>
</table>
</div>
Alles anzeigen
bin über Tipps, Hilfestellungen sehr dankbar!
(Praktikum, WebAnw2, HS - Sem. 4)