角度8:如何设置角度材质日期选择器的时间?

时间:2020-03-31 06:47:58

标签: html angular angular-material angular-material-datetimepicker

我需要为角形材料日期选择器设置时间,就像我选择当前日期一样,它为我提供了系统的当前时间。 我想将时间设置为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)

1 个答案:

答案 0 :(得分: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();
   }