Как установить дату возврата, начиная с даты в ngx-bootstrap datepicker? - PullRequest
Новая
       20

Как установить дату возврата, начиная с даты в ngx-bootstrap datepicker?

0 голосов
/ 29 мая 2018

На моем веб-сайте я использую средство выбора даты Ngx-bootstarp. Я использую средство выбора даты для даты начала и возвращения, например (datepicker сайта bokking для полета).

, когда я выбираю любую дату в датчике даты и времени, она должна появитьсята же самая дата с месяцем в средстве выбора даты возврата. В моем случае даты работают нормально для средства выбора даты возврата, когда я выбираю дату из последующего средства выбора даты, но месяц не наступает в соответствии со следующей датой.

ниже я показываюкод для выбора даты: 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-йв поле указана дата начала, а во втором - дата возвращения, как вы видите, она принимает дату, как в последующем, но месяц другой.

надеюсь, вы поможете мне решить проблему.Спасибо.

...