Question

我正在尝试将datetimepicker添加到我的Angular 4 Metronic网站。我已将其添加到我的Reactive Form中，如下所示：

<input formControlName="timeOfRemoval" data-provide="datetimepicker" class="form-control m-input" id="timeOfRemoval" placeholder="Select date & time" readonly="" type="text">

现在这样就可以很好地创建选择器，并且还可以在字段中设置值。但是，没有发生的是Reactive Form正在改变价值的变化。

当我想提交表单时，timeOfRemoval的值保持为空。当我删除readonly时，选择一个日期时间并通过添加和删除空格来更新该值，它确实有效。

当然这不是我想要的，我希望我的Reactive Form能够发现变化。我该怎么做？

Answer 1

在component.ts文件中构建反应式表单后，如果执行以下操作，是否注册了值的更改？

this.myReactiveForm.get('timeOfRemoval').valueChanges.subscribe(val => {
    console.log('new value is: ' + val);
    // if it is showing the value is changing, then maybe save
    // that value to a different variable in this component and use
    // it when the form is submitted
});

为什么我的Angular 4中的Reactive Form不会在datetimepicker设置时更新该值

1 个答案: