根据服务器时间禁用-启用单选按钮？

Question

我正在处理有两个单选按钮的交付页面，即 'Regular day time delivery' 和 'Require Midnight Delivery'。当且仅当时间是下午 2 点并且选中 'Regular day time delivery' 时，我想显示另一个单选按钮（即当天交货），否则该按钮将不可见或将被禁用。

我可以使用 javascript 禁用按钮，但不知道如何根据时间禁用它？

谁能帮帮我？

Update1: 我希望 'Same day Delivery' 按钮在下午 2 点后到第二天早上 7 点 visible/enabled。

更新 2：我正在使用 PHP-Mysql 作为 Backend/server 辅助技术

Answer 1

您可以使用 setIntertval() 功能（每分钟检查一次时间）：

var interv = setInterval(function(){ 
    // from 14 PM till 7 AM
    var hours = (new Date()).getHours();
    if(hours >= 14 || hours < 7) 
        $(".sameDay").hide();
    else
        $(".sameDay").show();
}, 60000);

Here is demo fiddle

Answer 2

<!DOCTYPE html>
<html>
<body onload="myFunction();">

<INPUT TYPE="Radio" Name="payment" onclick="myFunction();" Value="CC">Regular day time delivery
 <INPUT TYPE="Radio" Name="payment" onclick="func2();"  Value="DC">Require Midnight Delivery
 <INPUT TYPE="Radio" Name="payment1" id="1" Value="PP" >Same day Delivery
<input type="text" id="h1">
<input type="text" id="h2">

<script>
function myFunction() {
var d = new Date();
var p=Math.floor((d.getTime()/ (1000*60*60)) % 24)
var q=Math.floor((d.getTime()/ (1000*60)) % 60 )
document.getElementById("h1").value=p;
document.getElementById("h2").value=q;

if((p>=1 && q>=30) && ( p<=8 && q<=30) ) 
{
document.getElementById("1").disabled=false;
}
else
{   
document.getElementById("1").disabled=true;
}
}

function func2()
{
document.getElementById("1").checked = false;
document.getElementById("1").disabled=true;

}
</script>

</body>
</html>

这里我使用了 UTC 时间所以不管 client/country 你都会得到标准时间。

还添加了用于检查营业时间的文本框。

您可以在此处查看代码（复制上面的代码）因为 fiddle 不工作 http://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

根据服务器时间禁用-启用单选按钮？

Disable-Enable Radio Button According to Server time?

html

javascript

time

radio-button