1

我真的被困在这里,我希望你能帮助我。

我有以下问题:我有一个带有日期的反应式表单,使用 ngBootstrap datePicker,并且我正在使用 NgbDateNativeAdapter,因此我的 datepicker 都可以使用本机日期。我想要的只是预设值,就像我使用任何其他表单值一样。

在模板中:

<form [formGroup]="myForm">
    <input class="form-control" placeholder="yyyy-mm-dd" formControlName='date'
        ngbDatepicker #d="ngbDatepicker">
</form>

在组件中:

this.myForm = this.formBuilder.group({
      date: [dateVariable, [Validators.required]] 
});

因为我在 app.modules.ts 中使用它

providers: [{ provide: NgbDateAdapter, useClass: NgbDateNativeAdapter }]

所有的日期选择器都整齐地取出原生 Date 对象。我只是似乎无法预设值。

我试过这个进行测试:

<input class="form-control" placeholder="yyyy-mm-dd" [ngModel]='today'
    ngbDatepicker #d="ngbDatepicker">

它似乎可以与 [ngModel] 一起使用,但不幸的是,我的日期选择器是更大表单的一部分(这是一个最小的示例),如果我可以设置日期,我将不胜感激。

我现在已经阅读了相当多的 SO 页面,许多问题看起来很相似,但它们通常不使用反应形式或 NgbDateNativeAdapter 提供程序。

是否可以使用本地日期设置日期。也许我必须以某种方式修补一些参考资料,我的知识还没有那么先进。

如果有人能给我一个提示,我会很高兴的。

4

0 回答 0