HTML-Eingabetyp = Datum Wochentage

Question

Gibt es Möglichkeiten, HTML-Eingabedatum nur zulassen, um Wochentage Kalender auswählen? Ich möchte auch vergangene Termine verhindern. Kann ich das tun, ohne jquery datepicker zu benutzen? Oder kann es mit CSS getan werden? So etwas wie Wochenenden aus dem Kalender verstecken.

input type="date" name="date" id="date" 

Answer 1

Sie können zu bekommen verhindern Sie vergangene Daten, indem Sie das Attribut min festlegen.

Und ich denke, Sie können die Wochenenden nicht mit Javascript deaktivieren.

var today = new Date().toISOString().split('T')[0]; 
 
document.getElementsByName("date")[0].setAttribute('min', today);

<input type="date" name="date" id="date">

Answer 2

nicht nativ, aber man könnte dies mit einem kleinen Javascript tun, indem Sie das Formular zu deaktivieren und einen visuellen Hinweis zeigt, wenn ein Wochenende gewählt ist, here, ein Kurz eine Idee

var warning = $('<p>').text('Error you cannot select a weekend') 
$('#myinput').change(function(e) { 

     var d = new Date(e.target.value) 
     if(d.getDay() === 6 || d.getDay() === 5) { 
     $('#mysubmit').attr('disabled',true) 
     $('#myinput').after(warning); 
     } else { 
     warning.remove() 
     $('#mysubmit').attr('disabled',false); 
    } 
})