9

我的表单中有两个字段，用户可以在其中选择输入时间（start_time，end_time） 我想在更改这些字段时重新计算另一个字段的值。

我想做的是获得两次之间的小时数。因此，例如，如果我的 start_time 为 5:30，结束时间为 7:50，我想将结果 2:33 放入另一个字段。

我输入的表格时间格式为 HH:MM:SS

到目前为止，我已经尝试...

$('#start_time,#end_time').on('change',function() 
{
  var start_time = $('#start_time').val();
  var end_time = $('#end_time').val();

    var diff =  new Date(end_time) - new Date( start_time);  



  $('#setup_hours').val(diff);
4

4 回答 4

15

尝试

var diff = ( new Date("1970-1-1 " + end_time) - new Date("1970-1-1 " + start_time) ) / 1000 / 60 / 60;

拉小提琴

于 2012-08-09T12:54:39.690 回答
6

这取决于您希望输出的格式。使用 Date 对象进行数学运算时，它会将它们转换为自纪元时间（1970 年 1 月 1 日 00:00:00 UTC）以来的毫秒数。通过减去两者（如果您不知道哪个更大，则取绝对值），您可以获得两者之间的原始毫秒数。

从那里，您可以将其转换为您想要的任何格式。要获得秒数，只需将该数字除以1000。要获取小时、分钟和秒：

var diff =  Math.abs(new Date(end_time) - new Date(start_time));
var seconds = Math.floor(diff/1000); //ignore any left over units smaller than a second
var minutes = Math.floor(seconds/60); 
seconds = seconds % 60;
var hours = Math.floor(minutes/60);
minutes = minutes % 60;

alert("Diff = " + hours + ":" + minutes + ":" + seconds);

您当然可以通过一些条件使其更智能，但这只是为了向您展示使用数学可以将其格式化为您想要的任何形式。请记住，Date 对象总是有一个日期，而不仅仅是一个时间，因此您可以将其存储在 Date 对象中，但如果它大于 24 小时，您最终将得到的信息并不真正代表两者之间的“距离”二。

于 2012-08-09T12:59:07.723 回答
6 
   var start = '5:30';
   var end = '7:50';
   s = start.split(':');
   e = end.split(':');
   min = e[1]-s[1];
   hour_carry = 0;
   if(min < 0){
       min += 60;
       hour_carry += 1;
   }
   hour = e[0]-s[0]-hour_carry;
   min = ((min/60)*100).toString()
   diff = hour + ":" + min.substring(0,2);
   alert(diff);
于 2012-08-09T13:01:52.683 回答
3

试试这个 ：

var diff = new Date("Aug 08 2012 9:30") - new Date("Aug 08 2012 5:30");
diff_time = diff/(60*60*1000);
于 2012-08-09T12:51:28.993 回答