Question

我想知道以前是否有人遇到过此问题？我正在使用Angular 2 DateTime选择器（https://cuppalabs.github.io/angular2-datetimepicker/#/datetimepicker）。我在表单中有DateTime选择器，当我选择一个时间并进行设置时，出于某种原因提交了表单。表格附在ngSubmit上，但是我没有提交表格吗？

  // Inside form
  <div class="form-group">
    <label for="farm-harvest">Harvest</label>
    <angular2-date-picker class="form-control" [(ngModel)]="date" formControlName="farmHarvest" [settings]="settings"></angular2-date-picker>
  </div>

  // Default options being set
  date: Date = new Date();
   settings = {
   bigBanner: true,
   timePicker: true,
   format: 'medium',
   defaultOpen: false
  };

Answer 1

一个可行的简单解决方案。

代替表单中的ngSubmit方法，将其删除，然后单击提交按钮添加该方法。

Answer 2

请在表单标签中添加ngNativeValidate

Angular 2 DateTime Picker问题

2 个答案: