TypescriptでモーメントオブジェクトのIN時間とOUT時間を計算するには？

Question

IN時間は09:30、OUT時間は17:50、休憩時間は01:00です。 今休憩時間を含めて、勤務時間の合計が必要です。 typescriptでは、私はこれらの値を定義するのに慣れてきました。これらの値はユーザーが変更できます。 typescriptで時間を計算するには？

Answer 1

私はあなたの要件と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}} 

Answer 2

問題は、コードの下に使用して解決されました：

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

TimeFormat.SHORT）。