首頁猿問輸入時間增加 30 分鐘

輸入時間增加 30 分鐘

JavaScript

慕婉清6462132 2021-08-20 15:05:08

我有 2 個輸入（類型 =“時間”）。我希望在第一個輸入字段中輸入的時間獲得 + 30 分鐘并將其寫入第二個輸入字段。有可能嗎？我不太擅長 JS :I<html> <form> <label for="start">Start: <input type="time" id="start" name="start" step="600"> </label><br> <label for="ende">Ende: <input type="time" id="ende" name="ende" step="600"> </label> <input type="submit" value="senden"> </form></html>我想我需要在 JS 中獲取輸入 ID 并添加 30 分鐘？像這樣：document.getElementById('start').value;...但如何添加 30 分鐘？

查看完整描述

2 回答

德瑪西亞99

TA貢獻1770條經驗獲得超3個贊

時間輸入存儲了一個表單的字符串值xx:xx，思路是change在開始輸入添加一個事件監聽器，獲取它的值，給它加上30分鐘，然后賦值給結束輸入。

這是一個可運行的代碼片段，顯示了一種可能的解決方案，并附有分步注釋：

// get input elements

const start = document.getElementById('start');

const end = document.getElementById('ende');

// add a change event listener to the start input

start.addEventListener('change', () => {

// get hours and minutes as integer values

let hours = parseInt(start.value.split(':')[0]);

let minutes = parseInt(start.value.split(':')[1]);

// add 30 minutes

minutes += 30;

// if an hour is exceeded, add it to hours instead

// and account for a day passing by

if (minutes >= 60) {

hours = (hours + 1) % 24;

minutes -= 60;

}

// reformat values as strings with a fix length of 2

hours = (hours < 10 ? `0${hours}` : `${hours}`);

minutes = (minutes < 10 ? `0${minutes}` : `${minutes}`);

// assign new value to the end input

end.value = `${hours}:${minutes}`;

});

<form>

<label for="start">Start: <input type="time" id="start" name="start" step="600"> </label><br>

</form>

反對回復 2021-08-20

心有法竹

TA貢獻1866條經驗獲得超5個贊

您可以像這里提到的那樣在“：”處拆分值：如何將輸入類型時間的值傳遞給日期對象？然后，您通過訪問拆分數組的正確位置并添加 30 來獲得分鐘數。然后將值重新組合在一起并執行以下操作：

document.getElementById("ende").value = newTime;

而 newTime 是您添加 30 分鐘的字符串。

反對回復 2021-08-20

2 回答
0 關注
269 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

輸入時間增加 30 分鐘

輸入時間增加 30 分鐘

2 回答

添加回答