如何在Typescript中计算IN对象的IN时间和OUT时间?

时间:2017-11-22 04:54:34

标签: angular typescript time

我的时间为09:30,OUT时间为17:50,休息时间为01:00。 现在我想要在办公室花费的总时间,包括休息时间。 在打字稿中,我用时间来定义这些值。这些值可以由用户更改。 如何用打字稿计算时间?

2 个答案:

答案 0 :(得分:0)

我已根据您的要求使用了Angular2-moment。这个插件是用管道构建的,我试图在TS文件中使用管道。

Working demo

我不确定它是否是直接的答案,但它可能会帮助您进行搜索。

TS文件

import { Component } from '@angular/core';
import { DateFormatPipe,DifferencePipe } from 'angular2-moment';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular 5';
  startTime : any;
  endTime : any 
  diff : any;

  constructor(){

    this.startTime=new Date().setHours(9,30);
    this.endTime=new Date().setHours(17,50);
    this.diff=(new DifferencePipe()).transform(this.endTime, this.startTime, 'Hours', true);

  }
}

HTML文件

<hello name="{{ name }}"></hello>
<p>
  Start editing to see some magic happen :)
</p>

{{startTime}} : {{endTime}} : {{diff}} 

答案 1 :(得分:0)

问题已使用以下代码解决:

this.daySettingsForm.totalPresence = moment.duration(
        this.daySettingsForm.departure.diff(this.daySettingsForm.arrival)
      ).format(

TimeFormat.SHORT);