jquery计算两个日期时间的差

Question

用jquery计算出差用时。
有五个表单字段：出差日期1，出差时间1，回程日期2，回程时间2，出差用时(小时)
要绑定一个触发事件，输入前四个字段后，点击空白处，自动计算出差用时(小时)
日期格式 年-月-日 时间格式 h：m：s

下面的问题出在哪里

出差日期1 : <input id="1"  type="text" />   
出差时间1: <input id="2"  type="text" />   
出差日期2 : <input id="3"  type="text" />   
出差时间2: <input id="4"  type="text" />   
出差用时: <input id="5"  type="text" />  
<script language="javascript">   
$('#1,#2,#3,#4').blur(function () {          
var d1 = $('#1');//出差日期1         
var t1 = $('#2');//出差时间1         
var d2 = $('#3');//出差日期2         
var t2 = $('#4');//出差时间2         
if (d1.val() == '' || t1.val() == '' || d2.val() == '' || t2.val() == '') return;         //转为时间         
var d1 = new Date(d1.replace(/-/g, '/') + ' ' + t1);         
var d2 = new Date(d2.replace(/-/g, '/') + ' ' + t2);          
var hour = Math.abs(d1.getTime() - d2.getTime()) / 1000 / 60 / 60;//小时          
$('#5').val(hour); //如果不是输入控件用html方法    
}); 
</script>

Answer 1

前面4个日期都绑定blur事件然后同时获取4个日期对象，判断全部不为空时执行计算

    $('#d1,#t1,#d2,#t2').blur(function () {
        var d1 = $('#d1');//出差日期1
        var t1 = $('#t1');//出差时间1
        var d2 = $('#d2');//出差日期2
        var t2 = $('#t2');//出差时间2
        if (d1.val() == '' || t1.val() == '' || d2.val() == '' || t2.val() == '') return;
        //转为时间
        var d1 = new Date(d1.replace(/-/g, '/') + ' ' + t1);
        var d2 = new Date(d2.replace(/-/g, '/') + ' ' + t2);

        var hour = Math.abs(d1.getTime() - d2.getTime()) / 1000 / 60 / 60;//小时

        $('#出差用时ID').val(hour);//如果不是输入控件用html方法
    });