php - JavaScript 中两个日期选择器值之间的天数差异？

Question

我有两个日期选择器，如下所示:

<input type="date" name ="datepicker_start" id="datepicker" value=""  class="datepicker" size="20" />

和

<input type="date" name ="datepicker_end" id="datepicker2"  value="" class="datepicker" size="20" />

我想计算天数差异，然后将天数差异与:

<input type="text" name="tleave" value="Var" readonly="true" size="10" />

其中 Var 是变量。

如果差异大于“Var”值，我需要弹出错误消息。

基本上可以将其视为请假请求，此时您可以设置休假的开始和结束日期，但请假的持续时间不能超过请假余额；如果是，系统应通知用户。

Answer 1

如果您使用moment.js ，你会做这样的事情:

var start = $('#datepicker').val(),
end = $('#datepicker2').val();

var diffInDays = moment(start).diff(moment(end), 'days');

if(diffInDays > Var) {...}

更新:

我已经更新了您的 fiddle 。

HTML:

<input type="text" name="datepicker_start" id="datepicker" value="" class="datepicker" size="20" />
<input type="text" name="datepicker_start2" id="datepicker2" value="" class="datepicker" size="20"   />

<button>number of days</button>

JS:

$('#datepicker, #datepicker2').datepicker();

$('button').click(function () {
    var start = $('#datepicker').val(),
        end = $('#datepicker2').val();

    var diffInDays = moment(end).diff(moment(start), 'days');

    alert(diffInDays);
});

我已将输入类型更改为 text，因为 type='date' 在 fiddle 中给出了意外的 ui。您必须使用 jquery datepicker 作为后备。

在我的 fiddle 中，我使用 jQuery datepicker 和 moment.js 一个 5.5kb 库来处理日期。