HTML DOM中的输入日期stepUp()方法用于将日期字段的值增加指定的数字。输入日期stepUp()方法只能用于日期,而不能用于月份和年份。
用法:
inputdateObject.stepUp( number )
参数:此方法接受单个参数编号,该编号用于指定日期字段应增加的天数。
以下示例程序旨在说明HTML DOM中的Input Date stepUp方法:
例:本示例使用输入日期stepUp()方法将日期字段的值增加2天。
<!DOCTYPE html>
<html>
<head>
<title>
Input Date stepUp Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2 style="text-align:center;">
Input Date stepUp Property
</h2>
<input type="date" id="Test_Date">
<p>
To increase the step, double click
the "Increase Step" button.
</p>
<button ondblclick="My_Date()">
Increase Step
</button>
<!-- Script to use Input Date stepUp() Method -->
<script>
function My_Date() {
document.getElementById("Test_Date").stepUp(2);
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器
- 苹果Safari
- Internet Explorer 12.0
- Firefox 17.0
- 谷歌浏览器
- Opera
相关用法
- HTML Input Range stepUp()用法及代码示例
- HTML Input DatetimeLocal stepUp()用法及代码示例
- HTML Input Number stepUp()用法及代码示例
- HTML Input Time stepUp()用法及代码示例
- HTML Input Week stepUp()用法及代码示例
- HTML Input Month stepUp()用法及代码示例
- HTML Input Date stepDown()用法及代码示例
- HTML input date用法及代码示例
- HTML DOM Input Date用法及代码示例
- HTML Input Date name用法及代码示例
- HTML Input Date min用法及代码示例
- HTML Input Date value用法及代码示例
- HTML Input Date max用法及代码示例
- HTML Input Date form用法及代码示例
- HTML Input Date disabled用法及代码示例
注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | DOM Input Date stepUp() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。