使用 javascript 使用谷歌日歷檢查日期和時間

Question

我試圖讓用戶選擇特定的日期和時間並檢查日歷是否有任何干擾用戶輸入的事件

<!DOCTYPE html>
<html>

<head>
<base target="_top">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">

<style>
</style>

</head>

<body>

<div>From<input class="w3-input w3-border" type="datetime-local" id="from"></div>
<div>To<input class="w3-input w3-border" type="datetime-local" id="to"></div>
<button style="width:100%" class="w3-button w3-black w3-section" onclick="check()">check</button>
<div style="display:none" id="no">Not Available</div>
<div style="display:none" id="yes">Available</div>

<script>
SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ssZ", Locale.getDefault());// 2018-06-19T22:38:28+0000
</script>

<script>
function check() {
var startTime = document.getElementById("from").innerHTML;
var endTime = document.getElementById("to").innerHTML;
var cal = CalendarApp.getCalendarById("aqsv50qhum57qbh7a581cft1o0@group.calendar.google.com");
var allEvents = cal.getEvents(new Date(startTime), new Date(endTime));
if (allEvents.length > 0) {
document.getElementById("no").style.display = "block";
}else {
document.getElementById("yes").style.display = "block";
}
}
</script>

</body>
</html>

我嘗試了上面的代碼，但它沒有返回任何東西，感謝您的幫助

Answer 1

innerHTML 僅適用於元素括號內的內容。

對於輸入，您需要像這樣的值屬性：

var inputValue = document.getElementById("myTextInputID").value;

使用 javascript 使用谷歌日歷檢查日期和時間

問題描述

1 個解決方案

解決方案1
0 2022-06-24 11:51:36

使用 javascript 使用谷歌日歷檢查日期和時間

問題描述

1 個解決方案

解決方案1 0 2022-06-24 11:51:36

解決方案1
0 2022-06-24 11:51:36