Angular 如何更改owlDateTime中的默认时间值？

导言 所以我在Angular 9中使用owlDateTime让用户选择时间范围：从该日期和时间到该日期和时间。我使用的是常规范围模式，反应形式：

<input matInput formControlName="dateTimeRangeControl"
                 [owlDateTime]="dt"
                 [owlDateTimeTrigger]="dt"
                 [selectMode]="'range'"
                 [max]="validCurrentDate">

---

您只需使用、

setHours（）

和

getHours（）

方法设置小时数

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  styleUrls: ['./app.component.scss'],
  templateUrl: './app.component.html',
})
export class AppComponent {
  myDate = new Date();

  constructor(){
    this.myDate.setHours(this.myDate.getHours() + 2);
  }
}

---

根据您的更新，我了解日期选择器本身设置值。这种配置应该会有所帮助

component.html

<div class="input-wrapper">
    <label>Date Time Range:</label>
    <input [(ngModel)]="dateRange " [selectMode]="'range'"
           [owlDateTimeTrigger]="dtPicker1" [owlDateTime]="dtPicker1">
    <owl-date-time #dtPicker1></owl-date-time>
</div>

---

我的参考资料在这里，在这个页面中搜索关键字你可以使用，

setHours（）

和

getHours（）

方法简单地设置你的小时数

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  styleUrls: ['./app.component.scss'],
  templateUrl: './app.component.html',
})
export class AppComponent {
  myDate = new Date();

  constructor(){
    this.myDate.setHours(this.myDate.getHours() + 2);
  }
}

---

根据您的更新，我了解日期选择器本身设置值。这种配置应该会有所帮助

component.html

<div class="input-wrapper">
    <label>Date Time Range:</label>
    <input [(ngModel)]="dateRange " [selectMode]="'range'"
           [owlDateTimeTrigger]="dtPicker1" [owlDateTime]="dtPicker1">
    <owl-date-time #dtPicker1></owl-date-time>
</div>

---

我的参考资料在这里，在这个页面中用关键字搜索，也请分享你的组件。ts…嗯，我使用反应形式，所以没有什么特别的。我会把它添加到主要答案中，请也分享你的部分。ts…嗯，我使用反应形式，所以没有什么特别的。我将把它添加到主要答案中。我不确定我是否明白。当我点击日历时间中的日期设置为当前时间时，我需要在选择器中将其自动设置为另一个值itself@Kngh2我已经更新了我的答案。请检查一下。@Kngh2请投票同意我的答案，这样人们就可以理解这可能也是他们的解决方案。谢谢。我不确定我是否听懂了。当我点击日历时间中的日期设置为当前时间时，我需要在选择器中将其自动设置为另一个值itself@Kngh2我已经更新了我的答案。请检查一下。@Kngh2请投票同意我的答案，这样人们就可以理解这可能也是他们的解决方案。非常感谢。