Как отобразить количество дней, выбранных в окне выбора диапазона дат, с помощью ngx-bootstrap - PullRequest
0 голосов
/ 16 января 2019

У меня возникла проблема при отображении количества дней, выбранных из daterangepicker в загрузочной версии ngx, угловой версии 7.

Пожалуйста, смотрите код ниже:

в .html

 <div class="form-group">
          <div class="form-group">
                  <div class="input-group" style="margin-top:1em;">
                    <span class="input-group-addon warning">
                      <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                    <input type="text" placeholder="Select your date range for travel" class="form-control" style="width:600px;" 
                              bsDaterangepicker
                      #drp="bsDaterangepicker" (click)="onDate($event)" bsDaterangepicker [(ngModel)]="bsRangeValue" />
                  </div>
                </div>

в дюймах

bsValue = new Date();
bsRangeValue: Date[];

onDate(event) {

  this.bsRangeValue = [this.bsValue, this.maxDate];
  this.toDate = this.bsRangeValue.indexOf[0];
  this.fromDate = this.bsRangeValue.indexOf[1];
  this.toDate = this.toDate.toString().split(' ');
  this.fromDate = this.fromDate.toString().split(' ');
  this.toDate = new Date(this.toDate.indexOf[0], this.toDate.indexOf[1],   this.toDate.indexOf[2], this.toDate.indexOf[3], 
  this.toDate.indexOf[4], this.toDate.indexOf[5], this.toDate.indexOf[6]);
  this.fromDate = new Date(this.fromDate.indexOf[0], this.fromDate.indexOf[1], this.fromDate.indexOf[2],
  this.fromDate.indexOf[3], this.fromDate.indexOf[4], this.fromDate.indexOf[5], this.fromDate.indexOf[6]);
  this.toDate = Number(this.toDate.getTime() / 1000);
  this.fromDate = Number(this.fromDate.getTime() / 1000);
  let timesecond = this.fromDate - this.toDate;
  let timehours = timesecond / 60 / 60;
  let timeInDays = timehours / 24;
  alert(timeInDays);
  console.log(timeInDays);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...