data-date-range日期输入框返回时间差
时间: 2023-06-26 15:04:26 浏览: 55
要计算日期范围输入框中的时间差,您需要获取开始日期和结束日期,然后使用JavaScript中的Date对象计算它们之间的时间差。下面是一个简单的示例:
HTML:
```
<label for="start-date">开始日期:</label>
<input type="date" id="start-date">
<label for="end-date">结束日期:</label>
<input type="date" id="end-date">
<button onclick="calculateDateRange()">计算时间差</button>
<p id="result"></p>
```
JavaScript:
```
function calculateDateRange() {
var startDate = new Date(document.getElementById("start-date").value);
var endDate = new Date(document.getElementById("end-date").value);
var timeDiff = Math.abs(endDate.getTime() - startDate.getTime());
var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
document.getElementById("result").innerHTML = "日期范围为 " + diffDays + " 天";
}
```
在此示例中,我们使用了JavaScript的Date对象来获取用户输入的开始日期和结束日期,并计算它们之间的时间差。最后,我们将结果显示在页面上。请注意,我们使用Math.abs函数来确保计算出的时间差始终为正数,并使用Math.ceil函数将时间差转换为整数天数。