更改输入文本时的调用方法

时间:2018-04-02 18:38:27

标签: angular typescript angular5 angular2-forms materialize

我正在使用带有Materialize的Angular 5,并且我有一个完美运行的日期选择器:

<input materialize="pickadate" 
 type="text" class="datepicker" placeholder="Selecione a Data" 
 [materializeParams]=datePickerParams>

我希望在输入日期改变时调用类似“dateChanged(date)”的方法,我尝试使用(更改)=“​​dateChanged($ event)”,但是不起作用。

2 个答案:

答案 0 :(得分:4)

ngModel ngModelChange

一起使用
<input materialize="pickadate"  [ngModel]="date"
 (ngModelChange)="onKey($event)" type="text" class="datepicker" placeholder="Selecione a Data" [materializeParams]=datePickerParams>

答案 1 :(得分:0)

我也不是一位有角度的专家,我正在学习。 如果您使用Reactive Form,则可以使用

之类的内容
this.form.get('date').valueChanges.subscribe(date => {
  // do what you want
  // Tue Apr 03 2018 00:00:00 GMT-0300 (Hora oficial do Brasil)
  // you can use date.getTime()
})

你只需要在日期输入中设置formControlName! 我建议使用反应型! 你可以尝试告诉我它是否有效吗? 谢谢,对不起我的知识和英语!