如何在html中的某个特定时间内使按钮可用?

时间:2015-01-07 20:33:31

标签: javascript html

<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点之间使用,但我不确定如何实现它,任何有助于向我展示它有什么问题的帮助将不胜感激。提前谢谢!

2 个答案:

答案 0 :(得分:0)

尝试类似这样的事情,不要在body标签中声明数据类型和正确的日期对象和脚本...而且,在你的html中点击onclick,在你的javascript中使用事件列表器。如果你在活动列表和javascript上阅读一点点,你会写一个更好的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>

答案 1 :(得分:0)

错误: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/