已解決430363個問題，去搜搜看，總會有你想問的

如何使用 JavaScript 從 HTML 中獲取時間值？

首頁猿問如何使用 JavaScript 從...

如何使用 JavaScript 從 HTML 中獲取時間值？

JavaScript

qq_遁去的一_1 2022-10-08 17:59:24

我正在嘗試通過 JavaScript 獲取時間輸入元素的值。當我嘗試使用getElementById顯示的值時：[object HTMLInputElement]如果使用querySelectorAll，則值為：[NodeList]我也嘗試使用索引，但沒有任何新的事情發生。這是我的 HTML：<div class="principal-grid"> <title>Hour Control</title> <label class="description-values">In</label> <input id="data-in" type="time" class="values"> <label class="description-values">Interval - Saída</label> <input id="data-interval-s" type="time" class="values"> <label class="description-values">Interval - Volta</label> <input id="data-interval-v" type="time" class="values"> <label class="description-values">Out</label> <input id="data-out" type="time" class="values"> <input id="submit" type="submit" class="send" value="Send"></div>這是腳本：var dataIn = document.getElementById(['data-in']);var dataInterval_out = document.getElementById(['data-interval-s']);var dataInterval_in = document.getElementById(['data-interval-v']);var dataOut = document.getElementById(['data-out']);document.getElementById("submit").onclick = function (e) { //test document.getElementById("test").innerHTML = dataIn + ' ' + dataInterval_out + ' ' + dataInterval_in + ' ' + dataOut;}

查看完整描述

2 回答

一只斗牛犬

TA貢獻1784條經驗獲得超2個贊

這里有幾點需要注意：

首先，當您使用時：var dataIn = document.getElementById(...)

它返回對由 Id 字符串標識的 html 元素的引用，并將其存儲在您創建的 dataIn 變量中。如果你想要那個元素的值，你需要使用：dataIn.value。

這是您的腳本的更新版本，可以滿足您的要求：

var dataIn = document.getElementById('data-in');

var dataInterval_out = document.getElementById('data-interval-s');

var dataInterval_in = document.getElementById('data-interval-v');

var dataOut = document.getElementById('data-out');

document.getElementById("submit").onclick = function (e) {

//test

document.getElementById("test").innerHTML = dataIn.value + ' ' + dataInterval_out.value +

' ' + dataInterval_in.value + ' ' + dataOut.value;

}

第二件事是getElementById接受一個字符串值。您將其包裝在[]'s 中，這是不必要的。

最后一點：type="time"并非所有瀏覽器都支持。（例如，Safari 不支持它）。因此，如果支持 macOS 和 iOS 設備對您很重要，您可能需要尋找另一種收集日期的方法。

反對回復 2022-10-08

慕森卡

TA貢獻1806條經驗獲得超8個贊

要使用 vanilla js 獲取輸入值，請使用 .value 屬性。

var dataIn = document.getElementById('data-in').value;

var dataInterval_out = document.getElementById('data-interval-s').value;

var dataInterval_in = document.getElementById('data-interval-v').value;

var dataOut = document.getElementById('data-out').value;

此外，通過 id 獲取元素，使用 document.getElementById('elementId')

反對回復 2022-10-08

2 回答
0 關注
180 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用 JavaScript 從 HTML 中獲取時間值？

如何使用 JavaScript 從 HTML 中獲取時間值？

2 回答

添加回答

如何使用 JavaScript 從 HTML 中獲取時間值？