javascript - 计算AngularJS中两个日期之间的小时差

标签 javascript angularjs date

<分区>

我有这样的模板:

<tr ng-repeat="task in tasks" class="thumbnail">
            <td ng-model="task.id">{[{ task.id }]}</td>
            <td ng-model="task.time_start">{[{ task.time_start | date : 'MMM d, y HH:mm' }]}</td>
            <td ng-model="task.time_stop">{[{ task.time_stop | date : 'MMM d, y HH:mm' }]}</td>
            <td>[here i want the time difference]</td>
            <td><button ng-click="edit(task)">Update</button></td>
        </tr>

我想计算 task.time_stoptask.time_start 之间的小时差。有没有办法在模板中执行此“实时”

最佳答案

为此使用 Moment 库:

moment.utc(moment(task.time_stop.diff(moment(task.time_start))).format("mm")

您可以将此调用包装在一个函数中:

$scope.timediff = function(start, end){
  return moment.utc(moment(end).diff(moment(start))).format("mm")
}

或者甚至更好地为此创建一个工厂...使其可重用

PS:更新您的代码以调用 $scope.timediff 来显示时差:

<td>timediff(task.start,task.end )</td>

关于javascript - 计算AngularJS中两个日期之间的小时差,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23059680/

相关文章:

javascript - 在 Angular 中解析来自 API 的 JSON 响应

javascript - ng-if 在函数上无法正常工作

java - 根据格式比较日期

java - 在日期对象中从 BST 到 Java 中的 IST 的日期转换

javascript - Polymer 1.0 内部添加其他 polymer 元素

javascript - pdfMake.js中的表格和分页符,如何删除底部空行

javascript - dnndev.me 是什么? (Facebook 上的 React Native Share 链接显示为 dnndev.me)

javascript - "Angular Way"从 Controller 触发内容可编辑控制?

javascript - 根据用户选择选择不同的JSON

使用 new Date() 将 Javascript 字符串转换为日期