html - 单击按钮时如何捕获日期和时间?
问题描述
我正在尝试为我的内部团队创建一个网页,代理将在其中选择他们的姓名并打卡他们的登录信息以及他们的时间和休息时间,我想在谷歌表中获取这些数据。但是,我已经创建了网页,但在单击按钮时找不到用于捕获日期和时间的代码。
我试过运行几个代码但徒劳无功。下面是网页的html脚本。
<!DOCTYPE html>
<html>
<body>
<h1>Time Management</h1>
<p>Please select your name: </p>
<form action="/action_page.php">
<select name="Agent Names">
<option value="Anita">Anita</option>
<option value="Jacob">Jacob</option>
<option value="Agartha">Agartha</option>
<option value="Smith">Smith</option>
</select>
<br><br>
<button name="Login" type="submit" value="Login">Login</button>
<p>Please punch your breakfast</p>
<button name="BreakfastStart" type="submit" value="time" display="time">Start</button>
<button name="BreakfastEnd" type="submit" value="time">End</button>
<p>Please punch your lunch</p>
<button name="LunchStart" type="submit" value="time">Start</button>
<button name="LunchEnd" type="submit" value="time">End</button>
<p>Please punch your Snack</p>
<button name="SnackStart" type="submit" value="time">Start</button>
<button name="SnackEnd" type="submit" value="time">End</button>
<p>Please punch your Bio Break</p>
<button name="BiobreakStart" type="submit" value="time">Start</button>
<button name="BiobreakStart" type="submit" value="time">End</button>
<p>Please Logout</p>
<button name="Logout" type="submit" value="Login">Logout</button>
</form>
</body>
</html>
解决方案
您可以向按钮添加一个简单的功能,然后进行计算:
<button name="BreakfastStart" type="submit" value="time" display="time" onclick="getCurrentTime()">Start</button>
<script>
function getCurrentTime() {
alert(new Date());
}
</script>
这是给你一个想法。
推荐阅读
- html - 引导卡高度全卡头
- javascript - 如何在完整日历中将所选日期包含到事件 url
- firebase - 有没有办法在不返回整个数据库的情况下获取存在子节点的节点?
- html - 如何使用 Django 和 CKEditor 手动定义博客文章预览的位置?
- python - Tornado:从未检索到任务异常
- javascript - 循环遍历对象,从 Z 组织键 - 反向字母顺序
- ssl - 如果第一次失败,浏览器是否会重试 TLS 握手?
- python - python + 如何使用 -x 在 linux 上调试 python 脚本作为 bash
- javascript - 从对象数组派生唯一属性值数组
- .net - Visual Studio C#项目的免费依赖图