时间戳

首页 > 解决方案 > JavaScript / jQuery - 计算天数，接收输入数据和输出数据

javascript - JavaScript / jQuery - 计算天数，接收输入数据和输出数据

问题描述

我有两个数据输入字段，输入日期和输出日期，它们使用日期选择器接收数据。是否可以计算天数，考虑进入日期和离开日期的值，并将其保存在夜数字段中？我怎样才能做到这一点？

HTML

    <div class="form-group">
        <label class="col-md-4 control-label">Date Entry</label>
        <div class="col-md-4 inputGroupContainer">
            <div class="input-group">
                <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                <input name="DateEntry" id="DateEntry"  class="form-control" type="text">
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="col-md-4 control-label">DateOut</label>
        <div class="col-md-4 inputGroupContainer">
            <div class="input-group">
                <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                <input name="DateOut" id="DateOut" class="form-control" type="text">
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="col-md-4 control-label">NºNights</label>
        <div class="col-md-4 inputGroupContainer">
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-list-ol"></i></span>
                <input name="Nights" class="form-control" type="text">
            </div>
        </div>
    </div>

标签： javascriptjqueryhtml

解决方案

var start = $('#DateEntry').val();
var end = $('#DateOut').val();

// end - start returns difference in milliseconds 
var diff = new Date(end - start);

// get nights
var days = diff/1000/60/60/24;

//set nights
$('#Nights').val(days)

这是客户端代码。您必须从 document.load 调用它，或者可能是进入和退出日期的 onchange 事件。

推荐阅读