javascript - 用javascript/jquery显示时差

Question

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

HTML 日期选择器

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

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);
    });

Answer 1

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/

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