Wie IN-Zeit und OUT-Zeit des Momentobjekts in Typescript zu berechnen?

Question

Ich habe IN Zeit als 09:30 und OUT Zeit als 17:50 und Pausendauer als 01:00. Jetzt möchte ich die gesamten Stunden verbringen im Büro einschließlich Pausen. In Typoskript habe ich Moment verwendet, um diese Werte zu definieren. Diese Werte können vom Benutzer geändert werden. Wie berechne ich Zeit in Typoskript?

Answer 1

Ich habe Angular2-moment mit Ihrer Anforderung verwendet. Dieses Plugin ist mit Pipes erstellt und ich habe versucht, die Pipes in TS-Dateien zu verwenden.

Working demo

Ich bin nicht sicher, ob es Antwort gerade nach vorne ist, aber es könnte Ihnen bei der Suche helfen.

TS-Datei

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-Datei

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

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

Answer 2

Problem behoben wurde unter Code verwendet:

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

TimeFormat.SHORT);