打开日期选择器角度材料时提交表格

Question

I have 3 buttons, two to open the datepicker and one to submit, I don't understand why when I click on the datepicker the form is submitted... dont know what else can I do

home.component.html

  <form (ngSubmit)="onSubmit(f)" #f="ngForm" >

    <span class="from">        
      <button md-raised-button (click)="pickup.open()" ></button>
      <input  [mdDatepicker]="pickup"
              name="pickup"
              ngModel>
      <md-datepicker touchUi="true"  #pickup></md-datepicker>
    </span>

    <span class="to">
        <button md-raised-button (click)="pickupTo.open()"></button>
        <input  [mdDatepicker]="pickupTo"
                placeholder="DD/MM/YYYY"
                name="pickupTo"
                ngModel>
        <md-datepicker touchUi="true" #pickupTo></md-datepicker>
    </span>
    <button type="submit">Submit</button>
    </form>

home.component.ts

onFindAWhip(form: NgForm){
    const value = form.value;
    console.log(value);
  }

Answer 1

尝试这个：

<button md-raised-button type="button" (click)="pickupTo.open()"></button>