用javascript/jquery显示时差 [英] Displaying time difference with javascript/jquery

问题描述

我正在使用日期选择器选择日期，我想计算所选日期之间的差&然后提醒差异.我看不到代码正常工作

I'm using a datepicker to choose dates, I want to calculate difference between dates choosen & then alert the difference.I'm not able see the code work

HTML日期选择器

<input type="date" size="8" name="advDurFrom" />
<input type="date" size="8" name="advDurTo"/>

JavaScript

Javascript

   $('input[name=advDurFrom]').click(function() {
    var x=$('input[name=advDurFrom]').val();
    var date1 = new Date(x);
    });
        $('input[name=advDurTo]').click(function() {
        var y=$('input[name=advDurTo]').val();
    var date2 = new Date(y);
    });
    $('input[name=advDurTo]').focusout(function() {
    var diffDays = date2.getTime() - date1.getTime(); 
    alert(diffDays);
    });

推荐答案

HTML:

<input type="date" name="startdate">
<input type="date" name="enddate">
<button id="calculate">Calculate</button>
<h2 id="result"></h2>

脚本:

var startdateInput = document.querySelector('input[name="startdate"]'),
    enddateInput = document.querySelector('input[name="enddate"]'),
    calculateButton = document.getElementById('calculate'),
    resultElement = document.getElementById('result');

calculateButton.addEventListener('click', function(e) {

    if( startdateInput.value && enddateInput.value ) {
        result.textContent = new Date(enddateInput.value) - new Date(startdateInput.value);
    }    
});

或者参见JSFiddle http://jsfiddle.net/zJTfM/

Or see the JSFiddle http://jsfiddle.net/zJTfM/

结果是开始日期和结束日期之间的毫秒数.

The result is the number of milliseconds between the start and end date.

这篇关于用javascript/jquery显示时差的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！