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

时间:2015-03-11 12:09:59

标签: javascript html time radio-button

我正在处理发送页面,其中有两个单选按钮,即“定期白天发送”#39;并且需要午夜交付'。 我想显示另一个单选按钮(即当天发货),当且仅当时间是下午2点和'定期白天发货'检查否则该按钮将不可见或将被禁用。

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

任何人都可以帮助我吗?

Update1:​​ 我想要'当天发货'按钮在下午2点至次日早上7点之间可见/启用。

Update2:我使用PHP-Mysql作为后端/服务器端技术

2 个答案:

答案 0 :(得分:0)

您可以使用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

答案 1 :(得分:0)

<!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