时间戳

首页 > 解决方案 > 带有 fromgroup 的 ngbDatepicker 无法预设值（本机日期）

angular - 带有 fromgroup 的 ngbDatepicker 无法预设值（本机日期）

问题描述

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

我有以下问题：我有一个带有日期的反应式表单，使用 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 提供程序。

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

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

标签： angularangular-reactive-formsng-bootstrapreactive-formsngb-datepicker

解决方案

推荐阅读