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

Disable-Enable Radio Button According to Server time?

本文关键字：启用 单选按钮 时间 服务器      更新时间：2023-09-26

我正在处理交货页面，该页面有两个单选按钮，即"常规日间交货"和"需要午夜交货"。我想显示另一个单选按钮（即当日送达），当且仅当时间是下午 2 点并且选中"常规日间交货"时，否则该按钮将不可见或将被禁用。

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

谁能帮我？

更新1： 我希望"当日送达"按钮在下午2点至第二天早上7点之后可见/启用。

更新2：我正在使用PHP-Mysql作为后端/服务器端技术

<!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时间，因此无论客户/国家/地区如何，您都将获得标准时间。

还添加了文本框来检查小时数。

您可以在此处检查代码（复制上面的代码）因为小提琴不起作用http://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

您可以使用

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);

这是演示小提琴

相关文章：