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

有一篇关于此问题的文章：Date picker in HTML5。看一下＆＃34;无法消除天数，但这是一个建议的解决方法＆＃34;。您不能仅使用标记来限制特定日期，但作者建议使用以下解决方法：

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

还有步参数，但它只允许您限制天之间的间隙（例如每隔一天）：

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

输入日期阻止所有字段，解锁所选字段

2 个答案: