jQuery根据日期禁用或启用提交按钮

时间:2015-12-02 22:39:12

标签: javascript jquery

我已经完成了一些搜索但却找不到类似的内容。

我需要根据日期禁用/启用提交按钮。例如,我需要在周末禁用提交按钮,并在工作日启用。此外,我需要创建一个弹出窗口或添加一行文字来表示类似"我们在周末不接受条目。"

谢谢!

1 个答案:

答案 0 :(得分:1)

这是你的想法吗?如果按钮是星期六或星期日,则会在按钮中添加disabled类。



$(function() {
  var now = new Date(),
      days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
      day = days[now.getDay()],
      $button = $('#myButton');
  
  if (day === days[0] || day === days[6]) {
      $button.addClass('disabled');
  }
  
  $button.click(function() {
      if ($(this).hasClass('disabled')) {
          alert('We are not accepting entries during weekends.')
          return;
      }
  });
})

.disabled {
  background: grey;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="myButton">Press me only on weekday</button>
&#13;
&#13;
&#13;