HTML輸入類型=日期星期幾

Question

有沒有什麼方法可以讓html輸入日期只允許選擇平日曆？ 我希望防止過去的日期。我可以做到這一點，而不使用jquery datepicker？或者可以使用CSS來完成？像日曆中的週末隱藏的東西。

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

Answer 1

你可以通過設置min屬性來防止過去的日期。

而且我認爲你不能用javascript禁用週末。

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

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

Answer 2

不原生地，但如果選擇了一個週末，你可以通過禁用形式，並呈現出視覺線索做一個小的JavaScript，繼承人快速片段，以得到一個想法

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); 
    } 
})