用JS写一个网页实现输入两个日期后计算相隔的天数
时间: 2024-05-06 19:15:26 浏览: 14
可以使用 JavaScript 中的 `Date` 对象来计算日期之间的天数差。
下面是一个简单的 HTML 页面,其中包含两个日期输入框和一个按钮,用于计算这两个日期之间的天数差:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算日期间隔天数</title>
</head>
<body>
<label>起始日期:</label>
<input type="date" id="startDate">
<br>
<label>结束日期:</label>
<input type="date" id="endDate">
<br>
<button onclick="calculateDays()">计算天数</button>
<br>
<p id="result"></p>
<script>
function calculateDays() {
var startDate = new Date(document.getElementById("startDate").value);
var endDate = new Date(document.getElementById("endDate").value);
var timeDiff = endDate.getTime() - startDate.getTime();
var dayDiff = Math.floor(timeDiff / (1000 * 3600 * 24));
document.getElementById("result").innerHTML = "相隔 " + dayDiff + " 天";
}
</script>
</body>
</html>
```
在上面的代码中,我们定义了一个 `calculateDays` 函数,它首先从输入框中获取起始日期和结束日期,并将它们转换为 `Date` 对象。然后,我们计算这两个日期之间的毫秒数差,并将其转换为天数差。最后,我们将天数差显示在页面上。
注意,这个示例假设用户会按照日期格式输入正确的日期。如果用户输入无效的日期,代码可能会抛出错误。为了确保代码的健壮性,你应该添加一些错误处理代码。