So blockieren Sie alle Felder und entsperren ausgewählte Felder für eine HTML-Datumsauswahl

Ich möchte fast alle Kontrollkästchen blockieren, ich möchte, dass nur 2 und 4 Tage der Woche verfügbar sind. Weiß jemand, wie das geht?

Habe derzeit diesen Code:

<input class="unstyled" type="date" id="datapicker">
const date = new Date();
currentDate = date.toISOString().slice(0,10);
document.getElementById('datapicker').value = currentDate;
document.getElementById('datapicker').min = currentDate;

Lösung des Problems

Es gibt einen Artikel zu diesem Problem: Datumsauswahl in HTML5. Sehen Sie sich den Abschnitt „Tage können nicht eliminiert werden, aber hier ist ein Lösungsvorschlag" an. Sie können bestimmte Tage nicht einschränken, indem Sie nur Markup verwenden, aber der Autor schlägt die folgende Problemumgehung vor:

var date = document.querySelector('[type=date]');
function noMondays(e){
 var day = new Date( e.target.value ).getUTCDay();
 // Days in JS range from 0-6 where 0 is Sunday and 6 is Saturday
 if( day == 1 ){
 e.target.setCustomValidity('OH NOES! We hate Mondays! Please pick any day but Monday.');
 } else {
 e.target.setCustomValidity('');
 }
}
date.addEventListener('input',noMondays);

Es gibt auch ein Schrittargument, aber es lässt Sie nur bestimmte Lücken zwischen den Tagen begrenzen (z. B. jeden zweiten Tag):

<input class="unstyled" type="date" id="datapicker" step="2">