HTML 输入类型=日期 工作日

Question

有什么方法可以让html输入日期只允许选择工作日日历吗？ 我也希望防止过去的日期。我可以在不使用 jquery 日期选择器的情况下执行此操作吗？或者可以使用 css 来完成吗？比如从日历中隐藏周末。

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

Answer 1

不是本地的，但您可以通过禁用表单并在选择周末时显示视觉提示来使用一个小的 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);
    }
})

Answer 2

您可以通过设置 min 属性来防止过去的日期。

而且我认为你不能用 javascript 禁用周末。

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

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