Angular 8：如何为 Angular Material 日期选择器设置时间？

Question

我需要为角度材料日期选择器设置时间，就好像我选择当前日期一样，它会给我系统的当前时间。我想将时间设置为 00:00:00。我怎样才能做到这一点？我正在使用反应形式。这是代码。today = new Date();createForm() {  this.newForm = this.fb.group({    date: this.today  })}html<div class="input-group">  <span class="input-group-addon" (click)="dt.open();"><input [matDatepicker]="dt" type="text" class="input-form input_fullWidth"formControlName="date" fullWidth fieldSize="small"><div class="datepicker-icon-div"><i class="fa fa-calendar"></i></div></span>  <span><mat-datepicker #dt></mat-datepicker></span></div>这是我得到的输出Tue Mar 31 2020 11:33:47 GMT+0530 (India Standard Time)我想要的时间应该是Tue Mar 31 2020 00:00:00 GMT+0530 (India Standard Time)

Answer 1

您可以添加以下工作方式

    getDate : any

    createForm() {

      this.newForm = this.fb.group({

        date: this.getDate;

      });

   ngOnInit(){

      const today = new Date();

      const SelectedDate = `${today.getFullYear()}-${today.getMonth() + 1}-${today .getDate()}`;

      this.getDate = new Date(SelectedDate);

      this.createForm();

   }

Answer 2

您可以使用此代码：

let startDate = new Date(this.yourForm.value.startDate);

let endDate = new Date(this.yourForm.value.endDate);

let startTime = this.yourForm.value.startTime.split(":");

let endTime = this.yourForm.value.endTime.split(":");

startDate.setHours(startTime[0]);

startDate.setMinutes(startTime[1]);

endDate.setHours(endTime[0]);

endDate.setMinutes(endTime[1]);