Question

有没有办法让html输入日期只允许选择工作日日历？我也希望预防过去的日期。我可以不使用jquery datepicker吗？或者可以使用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禁用周末。

＆＃13;

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

＆＃13;

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

＆＃13;

HTML输入类型=日期工作日

2 个答案: