angular - 如何在 ngx-bootstrap datepicker 中设置返回日期作为后续日期？

Question

在我的网站中，我正在使用 Ngx-bootstarp 日期选择器。我正在使用 datepicker 进行向前和返回日期，例如（flight bokking 网站的 datepicker）。

当我在后续日期选择器中选择任何日期时，它应该与返回日期选择器中的月份相同。在我的情况下，当我从后续日期选择器中选择日期时，日期对于返回日期选择器来说可以正常工作，但月份不是按照向前日期。

下面我显示日期选择器的代码： 1.我已经导入了日期选择器

 import { BsDaterangepickerDirective } from 'ngx-bootstrap/datepicker';

2.现在我为两个日期选择器声明两个变量（向前，返回）：

minDate: Date;
  minDate1: Date;

3.在构造函数中设置当前日期的配置。

this.datePickerConfig=Object.assign({},{showWeekNumbers:false,dateInputFormat:"DD-MMM-YYYY"});
          this.minDate = new Date();  
          this.minDate1=new Date();    
          this.minDate.setDate(this.minDate.getDate());
          this.minDate1.setDate(this.minDate1.getDate());
          this.count=0;
   }

4.我在我的返回日期选择器 html inpur 字段中调用此函数。

getReturnDate(){
      console.log(this.minDate1);
      this.count++;
      if($('#JourneyDate').val()){
      let tempDate = $('#JourneyDate').val();
      let parsedDate = new Date(Date.parse(""+tempDate));
      this.minDate1.setDate(parsedDate.getDate());
      console.log(this.minDate1);
      if(this.count==1){
        this.getReturnDate();
      }
      }
      else{
      this.minDate1=new Date(); 
      this.minDate1.setDate(this.minDate1.getDate());
      }



    }

6.下面我给出html代码。继续日期选择器字段：

<input id="JourneyDate" class="form-control getdate" type="text" #JourneyDatepicker="bsDatepicker" bsDatepicker [bsConfig]="datePickerConfig" [minDate]="minDate"
                             [(ngModel)]="model.onwardDate" name="JourneyDate"  placeholder="Journey date" autocomplete="off" readonly/>

返回调用上述函数 getReturnDate() 的日期选择器字段：

<input id="ReturnDate"  class="form-control getdate" type="text" #returndatepicker="bsDatepicker" 
                             bsDatepicker  [bsConfig]="datePickerConfig" [minDate]="minDate1" (click)="getReturnDate()"
                             [(ngModel)]="model.returnDate" name="ReturnDate" autocomplete="off"  readonly (bsValueChange)="onReturnValueChange($event)"/>

下面我添加了一张图片：[在这张图片中，第一个字段是开始日期，第二个字段是返回日期，因为您可以看到它按照开始日期取日期，但月份不同。

希望你能帮我解决这个问题。谢谢你。

标签： angularangular5bootstrap-datepickerngx-bootstrap