问typescript中的Timespan
EN

Stack Overflow用户

提问于 2021-01-06 19:03:18

回答 1查看 570关注 0票数 0

我正在构建一个使用Angular + Typescript的web应用程序。我有ASP.NET核心Web API，我尝试以这种格式10:10:10显示前端时间，但它以这种格式显示

{
 "Hours":16,
 "Minutes":8,
 "Seconds":45,
 "Milliseconds":0,
 "Ticks":581250000000,
 "Days":0,
 "TotalDays":0.6727430555555556,
 "TotalHours":16.145833333333332,
 "TotalMilliseconds":58125000,
 "TotalMinutes":968.75,
 "TotalSeconds":58125
}

如何在typescript中显示timespan？

我的html代码

         <ng-container matColumnDef="startday">
        <th mat-header-cell *matHeaderCellDef mat-sort-header>
          {{'::Startday' | abpLocalization}}
        </th>
        <pre mat-cell *matCellDef="let element">
          {{ element.startday| json}}
        </pre>
      </ng-container>

angular

回答 1

Stack Overflow用户

发布于 2021-01-06 19:43:07

您可以简单地从对象中使用小时、分钟、秒并将其连接到一个字符串中

此外，我还添加了将一个数字转换为01格式的方法getString()，如果是12，它将是相同的12

我们得到了01:01:01，而不是1:1:1

const time = {
 "Hours":16,
 "Minutes":8,
 "Seconds":45,
 "Milliseconds":0,
 "Ticks":581250000000,
 "Days":0,
 "TotalDays":0.6727430555555556,
 "TotalHours":16.145833333333332,
 "TotalMilliseconds":58125000,
 "TotalMinutes":968.75,
 "TotalSeconds":58125
};

function getString(number) {
  return number.toString().padStart(2, "0") // converts 2 to 02, 7 to 07
}

const formattedTime = `${getString(time.Hours)}:${getString(time.Minutes)}:${getString(time.Seconds)}`;

console.log(formattedTime)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65594602

复制

相似问题

问typescript中的Timespan
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问typescript中的TimespanEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问typescript中的Timespan
EN