Мне нужна кнопка только в течение определенного времени в определенные дни - PullRequest
Новая
       2

Мне нужна кнопка только в течение определенного времени в определенные дни

0 голосов
/ 01 июня 2019

Мне нужна кнопка, чтобы она появлялась только с 12:00 до 15:00 с понедельника по пятницу.Если это не так, элемент (кнопка) не должен отображаться.Нам также необходимо учитывать различные часовые пояса для людей, которые будут просматривать сайт.Любая помощь будет принята с благодарностью

Мой код сейчас отключает кнопку только в течение 12 вечера-3 вечера.Я не смог сделать так, чтобы он работал только в определенные дни.Кроме того, я думаю, что время учитывает только часовой пояс сервера (Pacific Standard), а не пользователя. 

<a href="#" target="_blank"><input id="live" class="bttHider live" 
type="submit" onclick="showHidden(); showbttHidden();" 
value="Livestream Video - STREAMING NOW" disabled></a>

<script>
var h = new Date().getHours();

if (h >= 12 && h <= 15) {

document.getElementById('live').disabled=false;
}
</script>

1 Ответ

0 голосов
/ 01 июня 2019 

var today = new Date();
  var day = today.getDay();
  var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
  console.log("Today is : " + daylist[day] + ".");
  if(daylist[day]!="" && daylist[day]!="Sunday"){
  var hour = today.getHours();
  var minute = today.getMinutes();
  var second = today.getSeconds();
  if(hour>="12" && (hour<=3&&minute==0)){
  $("#btn1").show();}
  else{$("#btn1").hide()}
  }
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Button Styles</h2>
  <button type="button" class="btn btn-info" id=btn1>Basic</button></div></body></html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...