Question

我正在处理角度2组件，我有两个datepicker，如下所示。可以选择日期和时间时间。

filter.component.html

 <div class="row">
    <div class="col-md-2">
      <label>From</label>
      <angular2-date-picker (onDateSelect)="onDate1($event)" [(ngModel)]="date1" [settings]="settings"></angular2-date-picker>
    </div>
    <div class="col-md-2">
      <label>To</label>
      <angular2-date-picker (onDateSelect)="onDate2($event)" [(ngModel)]="date2" [settings]="settings"></angular2-date-picker>
    </div>       
  </div>

这是我的filter.component.ts

export class FilterComponent implements OnInit {

private date1: Date = new Date();
private date2: Date = new Date();
settings = {
    bigBanner: true,
    timePicker: true,
    format: 'dd-MM-yyyy hh:mm a'
}

constructor() {
}

ngOnInit() {

}

onDate1($event){
    this.date1;
    this.date2;

    let instance = this.date1;
    let date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
    date.setDate(date.getDate()+0);
    this.date2.datepicker("option", "minDate", date);


}

}

我有两个datepicker名为来自＆amp;在html文件中到。我想选择日期范围，当我从一个datepicker选择日期时，我应该可以从另一个datepicker的下一个日期中选择。我正在尝试JQuery代码，但它不起作用。

我是Angular 2的新手。我确切知道它在JavaScript中是如何运作的，但我对Angular 2一无所知。我在搜索时甚至没有得到任何答案。< / p>

如何从Angular 2中的datepicker中选择日期和日期范围？

0 个答案: