Angular 8：如何设置 angular 材料日期选择器的时间？

Question

我需要为 angular 材料日期选择器设置时间，就好像我 select 当前日期它给了我系统的当前时间一样。 我想将时间设置为 00:00:00。 我怎样才能做到这一点？

我正在使用反应式 forms。 这是代码。

 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>

这是我得到的 output

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.startDate); 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]);

let endDate = new Date(this.yourForm.value.startDate);
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]);