HTML | DOM Input DatetimeLocal stepDown() 方法(1)

📌 相关文章

📜 HTML | DOM Input DatetimeLocal stepDown() 方法(1)

📅 最后修改于: 2023-12-03 15:15:35.188000 🧑 作者: Mango

HTML | DOM Input DatetimeLocal stepDown() 方法

简介

stepDown() 方法是 HTML DOM Input DatetimeLocal 对象的一个方法，它用于将当前输入框的值减去一个或多个时间单位。这个方法通常用来在日期时间选择器中实现“减少”按钮的功能。

语法

inputDate.stepDown(count);

参数说明：

count：可选，表示需要减少的时间单位数，可以是整数和小数。

返回值

无。

实例演示

以下代码，创建了一个带有“减少”按钮的日期时间选择器。

<!DOCTYPE html>
<html>
<head>
	<title>stepDown() 示例</title>
	<meta charset="UTF-8">
</head>
<body>
	<label for="inputDate">选择日期：</label>
	<input type="datetime-local" id="inputDate" name="inputDate">

	<button onclick="stepDown()">减少一天</button>

	<script>
		var inputDate = document.getElementById("inputDate");

		function stepDown() {
			inputDate.stepDown(1);
		}
	</script>
</body>
</html>

点击“减少一天”按钮后，日期时间选择器中的时间会自动减少一天。我们可以通过修改方法中 stepDown() 方法的参数来控制时间的减少量。

浏览器兼容性

方法 | Chrome | Firefox | Safari | Edge | IE | ---- | ---- | ---- | ---- | ---- | ---- | stepDown | 14.0 ✔ | 16.0 ✔ | 6.0 ✔ | 12.0 ✔ | 未支持 |

总结

stepDown() 方法是 HTML DOM Input DatetimeLocal 对象的一个方法，用于将当前输入框的值减去一个或多个时间单位。它可以帮助我们实现日期时间选择器中的“减少”按钮。