Java Date getHours（）并在Angular页面中显示

Question

当我点击创建新故障单＃1时， 我可以自动显示当前年/月/日，如下所示：但我还需要时间。

以下是我的实施方式：

我的Java Pojo：

public class Ticket implements Serializable {

@Column(name = "jhi_date")
    private LocalDate date;

//getters and setters
}

我的ticket-popup.service.ts

setTimeout(() => {

                  // populate date with current date if new
                    const tickets = new Ticket();
                    const now = new Date();
                    tickets.date = {
                        year: now.getFullYear(), // works fine
                        month: now.getMonth() + 1, // works fine
                        day: now.getDate(), // works fine
                       time: now.getTime(), // doesnt return anything as shown in image
                       hour: now.getHours() // doesnt return anything as in image
                    };

                    this.ngbModalRef = this.ticketModalRef(component, tickets);
                    resolve(this.ngbModalRef);
                }, 0);

这很可能是由ngbDatepicker组件引起的。什么可能相当于替换？

 <div class="form-group">
            <label class="form-control-label" for="field_date">Date</label>
            <div class="input-group">
                <input id="field_date" type="text" class="form-control" name="date" ngbDatepicker  #dateDp="ngbDatepicker" [(ngModel)]="ticket.date"
                />
                <span class="input-group-append">
                    <button type="button" class="btn btn-secondary" (click)="dateDp.toggle()"><i class="fa fa-calendar"></i></button>
                </span>
            </div>
        </div>

Github示例here

Answer 1

以下是我设法获得时间的方法：

public class Ticket implements Serializable {

 //@Column(name = "jhi_date") 
 //private LocalDate date;
 @Column(name = "jhi_timestamp")
 private ZonedDateTime timestamp; // used ZonedDateTime instead of LocalDate 

//getters and setters
}

我的ticket-popup.service.ts

中使用的角度日期管道

setTimeout(() => {

                  // populate date/time with current time if new
                    const ticket = new Ticket();
                    ticket.timestamp = this.datePipe // used Pipe date format 
                        .transform(new Date(), 'yyyy-MM-ddThh:mm');


                    this.ngbModalRef = this.ticketModalRef(component,  ticket);
                    resolve(this.ngbModalRef);
                }, 0);

摆脱 ngbDatepicker 的票证dialog.component.html

<div class="form-group">
            <label class="form-control-label" for="field_timestamp">Timestamp</label>
            <div class="d-flex">
                <input id="field_timestamp" type="datetime-local" class="form-control" name="timestamp" [(ngModel)]="ticket.timestamp"
                />
            </div>
        </div>

结果：