2015-03-11 4 views
1

Я работаю на странице доставки, у которой есть две кнопки-переключатели: «Доставка по времени дня» и «Требуется полуночная доставка». Я хочу отобразить другую радиокнопку (например, в тот же день доставки) в том и только в том случае, если время составляет 2 часа и проверяется «Обычная дневная доставка». В противном случае эта кнопка не будет видна или будет отключена.Отключить включение радио кнопки в зависимости от времени сервера?

Я могу отключить кнопку, используя javascript, но не знаю, как отключить ее в соответствии с временем?

Может мне помочь?

Update1: Я хочу кнопку «В тот же день Доставка» быть видимым/включен после 2PM до 7 утра следующего дня.

Update2: Я использую PHP-Mysql в стороне технологии/сервер Backend

+0

вы должны определить промежуток времени, не только момент 2 вечер –

+0

Вы можете сослаться на это, http://jsfiddle.net/ 4fYg7/1/ –

+0

, почему вы не проверяете отметку времени при загрузке страницы..активно задаете переменную и используете условие на нее? Var d = new Date(); var n = d.getHours(); ' –

ответ

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

+1

То есть по времени клиента, хотя –

+0

попробовал. но не работает. –

+0

он должен работать, он отлично работает на моем конце.как упоминалось E для времени на стороне сервера, проверьте этот stackoverflow.com/questions/18281346/how-to-get-server-time-using-javascript из-за какой-то чрезвычайной ситуации, когда невозможно отредактировать ответ, скоро произойдет обновление для сервера –

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

Это согласно клиентское время, хотя –

Смежные вопросы