2015-12-02 66 views
0

我已經做了一些搜索,但找不到任何類似的東西。jQuery禁用或啓用基於日期的提交按鈕

我需要根據日期禁用/啓用提交按鈕。例如,我需要在週末禁用提交按鈕,並在工作日期間啓用。另外,我需要創建一個彈出框或添加一行文字來表示「我們在週末不接受參賽作品」。

謝謝!

+0

和你的代碼是.... – vinayakj

回答

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>

+0

謝謝!我該如何改變這個功能,以便根據實際日期(即YYYY/MM/DD)禁用按鈕? – Young