Question

我有一系列用按钮填充的div类。我需要在CURRENT日的特定时间过后才禁用按钮，以避免用户点击它们。

我能够使用this solution进行此类工作，但它并不仅仅解决了当前这一天的问题，并且没有仅禁用单击该按钮。

我真的不知道从哪里开始？

这是我的div。例如，如果它超过1400我想禁用zillow-4 div，如果它过去1600我想禁用zillow-5：

<div id="zillow-4" style="height:50px;"><a class="button  " href="updateScheduleRequest.php?slotid=4&amp;timeremain=110&amp;current_date=2015-11-02&amp;empnum=702">Assign Slot 4</a></div>

<div id="zillow-5" style="height:50px;"><a class="button  " href="updateScheduleRequest.php?slotid=5&amp;timeremain=110&amp;current_date=2015-11-02&amp;empnum=702">Assign Slot 5</a></div>

Answer 1

我认为这样做你想要的？

<script type="text/javascript" >
    $(function(){
        disableChildButtonByTime(14, 0, "zillow-5");    
        disableChildButtonByTime(16, 0, "zillow-4");    

        function disableChildButtonByTime(hour, minute, parentId){
            var date = new Date();
            if(date.getHours() >= hour && date.getMinutes() >= minute){
                $("#" + parentId).children(".button").addClass("disabled");
            }
        }
    });
</script>

示例：https://jsfiddle.net/eLegckag/1/

自动更新版本（每分钟检查一次）：

https://jsfiddle.net/eLegckag/2/

Answer 2

使用PHP，您可以使用：

<div id="zillow-4" style="height:50px;"><a class="button " href="<?= (date('G') >= 14) ? '#' : 'updateScheduleRequest.php?slotid=4&timeremain=110&current_date=2015-11-02&empnum=702' ?>">Assign Slot 4</a></div>

Answer 3

问题是使用php和js

你先用php创建逻辑

$time = // what time?

然后

@ref: http://stackoverflow.com/questions/10276133/how-to-disable-html-links

使用PHP在一天中的时间禁用div类中的href按钮

3 个答案: