HTML DOM中的Input DatetimeLocal stepUp()方法用於將Local datetime字段的值增加指定的數字。 Input DatetimeLocal stepUp()方法隻能在值Minutes上使用。年,月,日,小時,秒或毫秒不受stepUp()方法的影響。
用法:
datetimelocalObject.stepUp( number )
參數:此方法接受單個參數號,該參數號用於指定本地datetime字段應增加的分鍾數。
以下示例程序旨在說明HTML DOM中的DatetimeLocal stepUp屬性:
例:本示例使用stepUp()方法將分鍾的值增加2。
<!DOCTYPE html>
<html>
<head>
<title>
Input DatetimeLocal stepUp() Method
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2 style="font-family:Impact;">
Input DatetimeLocal stepUp() Method
</h2>
<input type="datetime-local" id="test_DatetimeLocal">
<p>
To increase the value of the datetimeLocal field
by 2minutes, double click the "Update" button.
</p>
<button ondblclick="My_DatetimeLocal()">
Update
</button>
<!-- Script to use stepUp() method -->
<script>
function My_DatetimeLocal() {
document.getElementById("test_DatetimeLocal").stepUp(2);
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:下麵列出了Input DatetimeLocal stepUp()方法支持的瀏覽器:
- 蘋果Safari
- Internet Explorer 12.0
- 穀歌瀏覽器
- Opera
相關用法
- HTML Input Date stepUp()用法及代碼示例
- HTML Input Month stepUp()用法及代碼示例
- HTML Input Range stepUp()用法及代碼示例
- HTML Input Week stepUp()用法及代碼示例
- HTML Input Time stepUp()用法及代碼示例
- HTML Input Number stepUp()用法及代碼示例
- HTML Input DatetimeLocal stepDown()用法及代碼示例
- HTML Input DatetimeLocal min用法及代碼示例
- HTML Input DatetimeLocal name用法及代碼示例
- HTML Input DatetimeLocal value用法及代碼示例
- HTML Input DatetimeLocal max用法及代碼示例
- HTML DOM Input DatetimeLocal用法及代碼示例
- HTML Input DatetimeLocal defaultValue用法及代碼示例
- HTML Input DatetimeLocal autocomplete用法及代碼示例
- HTML Input DatetimeLocal autofocus用法及代碼示例
注:本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 HTML | DOM Input DatetimeLocal stepUp() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。