我试图从日期选择器(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);
提前谢谢你!
您是否在datepicker标记上尝试过(onChange)
或(onSelect)
? 如果这两个作品都没有,请尝试使用(ngModelChange)
。 他们应该先工作一下。