HTML入力タイプ=日付平日

Question

平日のカレンダーのみを選択できるHTML入力日付を作成する方法はありますか？ 私は過去の日付も防止したいと思います。 jquery datepickerを使用せずにこれを行うことはできますか？または、それはCSSを使用して行うことができますか？週末をカレンダーから隠すようなもの。ネイティブ

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

Answer 1

を取得するには、フォームを無効にし、週末が選択されている場合は視覚的な手がかりを示すことによって、小さなJavaScriptを使用してHERESに迅速なスニペットをこれを行うことができます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

ないが、あなたはあなたができるアイデア

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