dateRangePicker Не работает во всплывающем окне Model?

Question

dateRangePicker Не работает в модели? Я использую bootStarp3, angularJs и jquery. Моя проблема не может получить daterangepicker во всплывающем окне модели.

JS Code:


  $scope.Seasons = ["SS", "AW"];
$scope.Years = ["2017", "2018", "2019", "2020", "2021", "2022", "2023"];
$rootScope.fileUploadmodalInstanceForSeasonUpdate = $uibModal.open({
  templateUrl: '/resources/pages/retail/templates/seasonDates.html',
  backdrop: false,
  scope: $scope,
  controller: function($scope, $uibModalInstance) {
    $('#planingDates').daterangepicker({
      "showDropdowns": true,
      "showWeekNumbers": true,
      "startDate": new Date(),
      "endDate": new Date(),
      "opens": "center",
      "linkedCalendars": true,
      "autoUpdateInput": true,
      "showCustomRangeLabel": true,
      "alwaysShowCalendars": true
    }, function(start, end, label) {
      console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
    });
  }
})

.datepicker {
  z-index: 9999999;
}

<div class="modal-body">
  <form name="seasonUpdate" novalidate ng submit="saveSeasonInformation(this)">
    <div class="row">
      <label class="col-sm-1">Season</label>
      <div class="col-sm-4">
        <select class="btn btn-default dropdown-toggle form-control" ng-model="seletedSeason" ng-options="brand for brand in Seasons" required>
          <option value="">-- select Season --</option>
        </select>
      </div>
      <div class="col-sm-4" style="padding-top: 12px;">
        <input ng-disabled="!seletedSeason" style="z-index: 10510;" type="text" id="planingDates" class="form-control">
      </div>
      <label class="col-sm-1">Year</label>
      <div class="col-sm-2">
        <select class="btn btn-default dropdown-toggle form-control" ng-model="seletedYear" ng-options="brand for brand in Years" required>
          <option value="">-- select Years --</option>
        </select>
      </div>
      <div class="col-sm-2">
        <button class="btn btn-primary" type="submit">Run</button>
      </div>
    </div>
  </form>
</div>

Я также пытался:

.datepicker {
    z-index: 9999999;
}

Пожалуйста, дайте мне знать, проблема