Set Time Limit for booking

CalbayogClinic · October 10, 2021, 5:19am

How can I set time between 8am-12pm and 1pm-4pm

Still-learning · October 10, 2021, 6:47am

Enable the time picker between the alloted time

Eg…

If call clock now pattern HH:mm:ss a is greater than 8:00:00 am and call clock now pattern HH:mm:ss a is less than 12:00:00 p

Then set time picker enable to true

Else call notifier to alert

CalbayogClinic · October 12, 2021, 3:16am

Not working…

dora_paz · October 12, 2021, 6:18am

Maybe this might help

blocks(96)

CalbayogClinic · October 12, 2021, 6:20am

Thanks I will try this now

asimjib93 · October 12, 2021, 6:20am

You may try this simple script that I have written for my own project. Just modify as per your requirement and host it anywhere on the web, then call the script.
Lastly, scrap the time from output.

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Online Clock</title>
  <link rel="stylesheet" href="./style.css">

<style>
body {background-color:#2d2d2d;}

#timedate {
  font: small-caps lighter 43px/150% "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  text-align:left;
  width: 50%;
  margin: 40px auto;
  color:#fff;
  border-left: 3px solid #ed1f24;
  padding: 20px;
}
</style>
</head>
<body>
<!-- partial:index.partial.html -->
<body onLoad="initClock()">

  <div id="timedate">
    <a id="mon">January</a>
    <a id="d">1</a>,
    <a id="y">0</a><br />
    <a id="h">12</a> :
    <a id="m">00</a>:
    <a id="s">00</a>:
    <a id="mi">000</a>
  </div>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
<script>
// START CLOCK SCRIPT

Number.prototype.pad = function(n) {
  for (var r = this.toString(); r.length < n; r = 0 + r);
  return r;
};

function updateClock() {
  var now = new Date();
  var milli = now.getMilliseconds(),
    sec = now.getSeconds(),
    min = now.getMinutes(),
    hou = now.getHours(),
    mo = now.getMonth(),
    dy = now.getDate(),
    yr = now.getFullYear();
  var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var tags = ["mon", "d", "y", "h", "m", "s", "mi"],
    corr = [months[mo], dy, yr, hou.pad(2), min.pad(2), sec.pad(2), milli];
  for (var i = 0; i < tags.length; i++)
    document.getElementById(tags[i]).firstChild.nodeValue = corr[i];
}

function initClock() {
  updateClock();
  window.setInterval("updateClock()", 1);
}

// END CLOCK SCRIPT
</script>
</html>

OUTPUT
Screenshot_179