javascript - 输入日期阻止所有字段，解锁选定的字段

Question

我想屏蔽几乎所有的复选框，我希望一周中只有 2 天和 4 天可用。有谁知道如何做到这一点？

谢谢您的帮助！

目前有这个代码：

<input class="unstyled" type="date" id="datapicker">

const date = new Date();
currentDate = date.toISOString().slice(0,10);
document.getElementById('datapicker').value = currentDate;
document.getElementById('datapicker').min = currentDate;

Answer 1

有一篇关于这个问题的文章：HTML5 中的日期选择器。查看“无法消除天数，但这里有一个建议的解决方法”部分。您不能仅使用标记来限制特定日期，但作者建议以下解决方法：

var date = document.querySelector('[type=date]');

function noMondays(e){
  var day = new Date( e.target.value ).getUTCDay();

  // Days in JS range from 0-6 where 0 is Sunday and 6 is Saturday
  if( day == 1 ){
    e.target.setCustomValidity('OH NOES! We hate Mondays! Please pick any day but Monday.');
  } else {
    e.target.setCustomValidity('');
  }
}
date.addEventListener('input',noMondays);

还有step参数，但它只让你限制天之间的特定间隔（例如每隔一天）：

<input class="unstyled" type="date" id="datapicker" step="2">

Answer 2

我希望下面的代码对你有帮助，

$(function() {
      $("#datapicker").datepicker(
        { beforeShowDay: function(day) {
            var day = day.getDay();
            if (day == 2 || day == 4) {
                return [true];
            } else {
                return [false];
            }
        }
        });
    });