Question

我有一个日历和时间设定器。当我使用时间设置器更改时间时，它会更新，但是当我更改日期时，时间不会更新。例如，我的开始日期是2017年6月6日15:30，停止时间是2017年6月6日16:30。现在时间显示为1:00。但现在，如果我将停止日期更改为7/7/2017，则时间应更新为25:00，但仍显示1:00。请帮我解决这个问题。我在这里分享我的HTML和ts代码，请帮助

HTML代码： 这是时间更新部分的HTML：

<p class="text-center color-primary total-duration layout-padding">{{edit_entry.total_hours}}</p>

这是日历部分的HTML：

<tr style="height:30px;line-height:30px;" [ngClass]="{startClass: 'start'==d.state || 'resume'==d.state, stopClass: 'stop'==d.state, breakClass: 'break'==d.state}" class="table-content" *ngFor="let d of edit_entry.times">
                                        <td>
                                            <div style="border:0;box-shadow:none;background:none;width:100px;padding:0;height:14px;text-align:center;" (click)="onStartEdit(d)">
                                                <img src="../../assets/images/icons/editicon.png" alt="edit" style="cursor:pointer;"> {{d.date | date:'dd/MM/yyyy'}}
                                            </div>
                                            <div *ngIf="datePickers[d.state]" id="startPicker" style="width: auto;">
                                                <datepicker name="datePickerEdit" [(ngModel)]="datePickerEdit[d.state]" [showWeeks]="false" (selectionDone)="onEditDate(d,$event,edit_entry)" [maxDate]="maxDate" [minDate]="minDate" [dateDisabled]="disabledDate" ></datepicker>
                                                <div class="pickerBtns">
                                            <button type="button" class="btn btn-sm btn-success  pull-right" (click)="onClose(d)">Close</button>
                                        </div>
                                            </div>
                                        </td>

部分时间更新：

this.ApiService
      .calculateTime(edit_entry)
      .subscribe(
        time=> {
          this.timePickers[d.state] = false;
          edit_entry.total_hours = time.newTime;
        },error => {
          this.timePickers[d.state] = false;
          //console.log(error);
        })
}

时间部分的API服务：

calculateTime(data) {
  return this.http
             .post(timerUrlBase + '/calculateTime' ,data,options)
             .map(this.extractData)
             .catch(this.handleError);
}

如何使用angular2更新日历在日历中更改的时间

0 个答案: