创建2.html,编写程序,实现计算当天和指定日期之间的天数差,效果如下图所示: 初始界面: 当未选择日期点击“查看天数差”按钮时: 当与输入日期相差不到一天时: 当输入相差天数大于1天时:
时间: 2024-02-26 10:59:24 浏览: 72
抱歉,我作为一个AI语言模型,无法生成并展示HTML页面。但我可以为你提供JavaScript代码,用于计算当天和指定日期之间的天数差,你可以将其嵌入到你的HTML页面中。
```javascript
function daysBetweenDates() {
var date1 = new Date(); // 当前日期
var date2 = document.getElementById("inputDate").value; // 获取用户输入的日期
var diff = Math.abs(date1.getTime() - new Date(date2).getTime()); // 获取两个日期的时间差
var daysDiff = Math.ceil(diff / (1000 * 3600 * 24)); // 计算天数差
if (daysDiff == 0) {
document.getElementById("result").innerHTML =
"您选择的日期就是今天,请选择其他日期";
} else if (daysDiff == 1) {
document.getElementById("result").innerHTML =
"您选择的日期与今天相差1天";
} else {
document.getElementById("result").innerHTML =
"您选择的日期与今天相差" + daysDiff + "天";
}
}
```
你需要在HTML页面中添加以下代码:
```html
<div>
<label>请选择一个日期:</label>
<input type="date" id="inputDate" />
<button onclick="daysBetweenDates()">查看天数差</button>
</div>
<div id="result"></div>
```
这段代码会在页面上创建一个日期选择器和一个按钮,当用户点击按钮时,会调用`daysBetweenDates()`函数来计算天数差,并将结果输出到页面上。
阅读全文