js jquery计算时间差与根据时间差生成时间

最新推荐文章于 2022-08-01 15:48:50 发布

原创最新推荐文章于 2022-08-01 15:48:50 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#date #js

web2.0 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的日期时间计算方法，通过输入起始时间和结束时间，自动计算两者间的时间差，并将结果显示在指定字段。同时，也可以根据时间差反推另一个时间点。

$("input#startDate,input#endDate").live("blur focus",function(){
       var startDate;
       var endDate;
       var hours;
       if($.trim($(this).attr("value"))!=""){
           if($.trim($(this).attr("id"))=="startDate"){
               startDate=new Date($.trim($(this).attr("value")).replace(/-/g,"/"));
               endDate=new Date($.trim($(this).parents("tr").find("input#endDate").attr("value")).replace(/-/g,"/"));
           }else if($.trim($(this).attr("id"))=="endDate"){
               startDate=new Date($.trim($(this).parents("tr").find("input#startDate").attr("value")).replace(/-/g,"/"));
               endDate=new Date($.trim($(this).attr("value")).replace(/-/g,"/"));
           }
           var ms=endDate.getTime()-startDate.getTime(); //时间差的毫秒数
           hours=ms/(3600*1000);
           if(!isNaN(hours.toFixed(2))){
               $(this).parents("tr").find("input#time").attr("value",hours.toFixed(2));
           }
       }
   });
   $("input#time").live("blur focus",function(){
       var startDate;
       var endDate;
       var hours;
       if($.trim($(this).attr("value"))!=""){
           if($.trim($(this).parents("tr").find("input#startDate").attr("value"))!=""){
               startDate=new Date($.trim($(this).parents("tr").find("input#startDate").attr("value")).replace(/-/g,"/"));
               startDate.setHours(startDate.getHours()+parseFloat($(this).attr("value")));
               var formatDate=startDate.getFullYear()+"-"+(startDate.getMonth()+1)+"-"+startDate.getDate()+" "+startDate.getHours()+":"+startDate.getMinutes()+":"+startDate.getSeconds();
               $(this).parents("tr").find("input#endDate").attr("value",formatDate);
           }else if($.trim($(this).parents("tr").find("input#endDate").attr("value"))!=""){
               endDate=new Date($.trim($(this).parents("tr").find("input#endDate").attr("value")).replace(/-/g,"/"));
               endDate.setHours(endDate.getHours()-parseFloat($(this).attr("value")));
               var formatDate=endDate.getFullYear()+"-"+(endDate.getMonth()+1)+"-"+endDate.getDate()+" "+endDate.getHours()+":"+endDate.getMinutes()+":"+endDate.getSeconds();
               $(this).parents("tr").find("input#startDate").attr("value",formatDate);
           }
       }
   });