明确删除时更新日期选择器中的值

时间:2018-02-16 08:12:06

标签: angular typescript datepicker

我在 Angular Project 中使用了一个表单,其中我有一个输入类型的文本,它在我的项目中充当了一个日期选择器。一切都很好,除了我面临的这种奇怪的情况,并努力摆脱它。 所以问题出现在我的日期选择器中,当我选择一些日期以便它在我的控制台中正常运行时,但是当我从日期选择器中删除日期时它不会触发所有var socket = io()的检查,或者我必须说擦除值时,这不会更新。如果我达到了它的价值就会好起来,但是擦除不会影响它,这使我的工作变得有点紧张。

我的代码是这样的:

1。 HTML文件

if(value == "")

2。打字稿文件

<form>
    <input type="text" id="date" name="date" placeholder="Search for date">
</form>

到目前为止我尝试的是:

  1. 尝试使用 [(ngModel)] =“dateValue”绑定数据,并在删除后端更新的某些数据时获取结果。然后在方法中,即在 onDateChosen()的检查 import { Component, OnInit } from '@angular/core'; declare var $ : any; @Component({ selector: 'app-upcoming-page', templateUrl: './upcoming-page.component.html', styleUrls: ['./upcoming-page.component.css'] }) export class UpcomingPageComponent implements OnInit { constructor() { } ngOnInit() {} ngAfterViewInit() { $("#date").datepicker({ onSelect: this.onDateChosen.bind(this) }) } } onDateChosen(value){ console.log(value) if (value == ""){ console.log(value) } } ,但它没有成功。

  2. 尝试了if(this.dateValue == "" || this.dateValue == null),但也没有成功。

  3. 当您自己删除日期选择器中的日期时,实际上不会进行此检查。当您从日期选择器中选择日期时,它在控制台中正常运行。

    任何帮助都会受到高度赞赏,因为我正努力想要得到我想要的东西。如果有疑问,请问我,我会提供编辑。感谢

1 个答案:

答案 0 :(得分:0)

在空值上明确触发onDateChosen                  

在您的.ts文件中

onDateChange($event){
  $event.target.value || this.onDateChosen($event.target.value)
}