如何使按鈕僅在一天中的特定時間段內可用html？

Question

<html>
<head>
<style> 
    .bttHider {
        display: block;
        disabled: true;
    }
</style>
</head>
<body>
    <input id="bttHider" class="bttHider" type="submit"  onclick="showHidden(); showbttHidden(); this.style.display='none';" value="Add a new
notice here.">
</body>
<script>
    int h = new Date(hours)
    if 5 <= h <= 7 {
        document.getElementById('btttHider').style.disabled="false";
    }
</script>

因此，我需要input.bttHider僅在早上6點到早上8點之間可用，但是我不確定如何實現這一點，非常感謝向我展示它有什么問題。 提前致謝！

Answer 1

嘗試這樣的事情，而無需聲明數據類型，並且在body標簽中沒有使用正確的date對象和腳本...此外，相反，在將html插入onclick時，請在javascript中使用事件列表器。 如果您通常在事件列表器和javascript上閱讀uo，您將編寫出更好的javascript ...

<body>
    <input id="bttHider" class="bttHider" type="submit"onclick="showHidden(); showbttHidden();" value="Add a new
notice here.">

<script>

    var h = new Date().getHours(); 
    var butn = document.getElementById('btttHider');
    if (h <= 5 && h >=7) ){
        btn.disabled=false;
    } else { 
     btn.disabled=true;
}
</script>
</body>

Answer 2

錯誤的幾件事情：1）如果您希望它在6-8之間可用，則if語句應類似於if (h >= 6 && h <= 8)和2）刪除禁用屬性，然后刪除括號和.style ，您已經.disabled = false 。

HTML：

  <input id="bttHider" class="bttHider" type="submit" onclick="showHidden(); showbttHidden();" value="Add a new notice here." disabled>

JS：

  var h = new Date().getHours();

  if (h >= 6 && h <= 8) {
        document.getElementById('bttHider').disabled=false;
  }

小提琴：

http://jsfiddle.net/8tf46zqu/3/

如何使按鈕僅在一天中的特定時間段內可用html？

問題描述

2 個解決方案

解決方案1
0 2015-01-07 20:46:50

解決方案2
0 2015-01-07 20:54:20

如何使按鈕僅在一天中的特定時間段內可用html？

問題描述

2 個解決方案

解決方案1 0 2015-01-07 20:46:50

解決方案2 0 2015-01-07 20:54:20

解決方案1
0 2015-01-07 20:46:50

解決方案2
0 2015-01-07 20:54:20