angular - 掩码小时和分钟
问题描述
我使用 Datediff 函数以分钟为单位获取日期之间的差异。
我的问题是我无法以以下 hh: mm 格式显示结果。
现在就像0:3,我得到的值是3分钟,我打算00:03。
零件
var sec_num = self.Minutes //self minutes = 3 minutes;
var hours = Math.floor(sec_num / 60);
var minutes = Math.floor(sec_num - hours * 60);
self.display = hours + ":" + minutes ;
return self.display;
HTML
<span>{{display}}</span>
解决方案
使用 Angular 的DatePipe
:https ://angular.io/api/common/DatePipe
Stackblitz:https ://stackblitz.com/edit/angular-nebuv9
{{display | date: 'hh:mm' }}
<br>
{{display | date: 'hh:mm:ss' }}
<br>
{{display | date: 'dd/MM/yyyy hh:mm:ss' }}
根据您的评论的第二个解决方案:
https://stackblitz.com/edit/angular-bx6tg5?file=src/app/app.component.ts
self.display = hours + ":" + ('0' + minutes).slice(-2);
尝试使用 3 分钟以外的其他值。
推荐阅读
- java - 将 .jar 许可证文件添加到 Docker 映像的类路径?
- c - “程序收到信号 SIGSEGV,分段错误。” 来自 gdb 调试器的错误消息
- r - 控制台中打印的 scale_interactive onclick 事件
- bash - 在容器上安装 OSSEC 代理。ossec 安装脚本 (install.sh) 在通过脚本传递参数时会无限循环
- r - R中的循环覆盖输出最后一个值
- java - 在 BigTable 数据库中存储 Lucene 索引
- regex - 将检查一列单元格并说出他是否找到确切单词的公式
- sql - 如何取一组最小的日期?
- pandas - 如何在课堂上使用 Pandas UDF
- machine-learning - 如何使用机器学习来检测一个简单的对象