如何计算两个文本输入之间的日期差? [英] How to calculate date difference between two text inputs?

问题描述

我有一个简单的表格，其中包含入住和退房日期.我需要根据用户输入和显示来计算日期差.我的代码如下所示.

I have simple form which consists checkin and checkout dates. I need to calculate the date difference according to the user input and display. My code looks like below.

<tr>
<td class="searchFormSpace">Check in</td>
<td width="10px"></td>
<td><input name="checkinText" type="text" class="date" id="fromDatePicker" type="text" value="Select date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Select date';}"></td>

<td width="20px"></td>
<td class="searchFormSpace">Check out</td>
<td width="10px"></td>
<td><input name="checkoutText" type="text" class="date" id="toDatePicker" type="text" value="Select date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Select date';} " onchange=""></td>

<td width="20px"></td>
<td>Nights</td>
<td width="10px"></td>
<td><input style="width: 30px" type="text" name="noOfNightsText" id="noOfNightsText" ></td>

该怎么做?

这是我尝试过的:

function dateDiff() {
try {
    var d2=document.getElementById("toDatePicker").value;
    var d1=document.getElementById("fromDatePicker").value;


    alert(d2);


    var t2 = d2.value.getTime();
    var t1 = d1.value.getTime();

    alert(parseInt((t2-t1)/(24*3600*1000)));
}
catch(ex) {
    alert(ex);
}

}

但这没用.

推荐答案

假设您有两个Date对象(JavaScript对象)，则可以减去它们以获得毫秒级的差异.

Assuming you have two Date objects(JavaScript Objects), you can just subtract them to get the difference in milliseconds.

您将需要检查所使用的日期选择器的输出与JavaScript Date类构造函数之间的格式兼容性.

You will need to check compatibility of formats between the output of the datepicker you are using and the JavaScript Date Class Constructor.

请参考以下代码:

var date1 = new Date(document.getElementById("fromDatePicker").value);
var date2 = new Date(document.getElementById("toDatePicker").value);

var difference = date2 - date1;

var days = difference/(24*3600*1000);

这篇关于如何计算两个文本输入之间的日期差?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！