Question

在我的网站上，我使用的是Ngx-bootstarp日期选择器。我正在使用datepicker进行转发和返回日期，如（航班bokking网站＆＃39; datepicker）。

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

下面我显示了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)"/>

下面我要添加一个图像： [在此图像中，第1个字段是开始日期，第二个字段是返回日期，因为您可以看到它按日期开始，但月份不同。

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

如何在ngx-bootstrap datepicker中设置返回日期asper以前的日期？

0 个答案: