javascript - 得到两个日期的差值后乘以价格和天数

Question

function GetDays()
{
  var dropdt = new Date(document.getElementById("drop_off").value);
  var pickdt = new Date(document.getElementById("pick_up").value);
  return parseInt((dropdt - pickdt) / (24 * 3600 * 1000));
}

function cal()
{
  if(document.getElementById("date1"))
  {
    document.getElementById("numdays2").value=GetDays();
  }
}
/*I just get this code also*/

我非常需要您的帮助，了解如何将 html 的价格乘以从 javascript 获得两个日期的差异后的天数。所以，我的 html 有一个固定价格，在显示天数后我想获得 numberofDays*price 的总数。

标签： javascripthtml

Answer 1

您可以使用valueAsDate日期输入直接获取日期对象，而不是将其值转换为日期。

function GetDays()
{
  var dropdt = document.getElementById("drop_off").valueAsDate;
  var pickdt = document.getElementById("pick_up").valueAsDate;
  return parseInt((dropdt - pickdt) / (24 * 3600 * 1000));
}

function cal()
{
  document.getElementById('value').innerHTML=GetDays()*parseInt(document.getElementById('price').innerHTML);
}

Pick Up Date: <input type="date" id="pick_up" ><br/>
Drop Off Date:   <input type="date" id="drop_off"><br/>
Price <span id='price'>50</price><br/>
<button onclick="cal()">Calculate</button><br/>
Total Value <span id='value'></span>