提问者:小点点

如何从angular中的ng2-date-picker组件获取输入值(date


我试图从日期选择器(ng2-date-picker)输入字段中获取值,但可能缺少一些东西。 我试过各种不同的方法来获得价值,但都没有什么成功。

这是我正在使用的npm包的链接。

这是我的组件中的日期选择器设置:

import { DatePickerComponent } from 'ng2-date-picker';

  @ViewChild('dayPicker', {static: false}) datePicker: DatePickerComponent;
  open() { this.datePicker.api.open(); }
  close() { this.datePicker.api.close(); }

这是我的视图中的日期选择器设置:

    <dp-date-picker
        #dayPicker
        name="dob"
        [(ngModel)]="dateOfBirth"
        [config]='dateConfig'>
    </dp-date-picker>

我尝试使用引用-#DayPicker访问该值,使用DateOfBorth访问ngModel,但这两个值都是Undefined,即使在选择了日期之后也是如此。

console.log('DOB: ' + this.dateOfBirth); (undefined)
console.log('this.datePicker: ' + this.datePicker); (undefined)

我能够访问该值的唯一方法是通过以下方式(但这只更新Blur事件,因此我只有在第二次更改日期后才会得到值)。

this.datepickerInputValue = (<HTMLInputElement><any>document.getElementsByClassName('dp-picker-input'))[0].value;
console.log('input value: ' + this.datepickerInputValue);

提前谢谢你!


共1个答案

匿名用户

您是否在datepicker标记上尝试过(onChange)(onSelect)? 如果这两个作品都没有,请尝试使用(ngModelChange)。 他们应该先工作一下。