daterangepicker не запускается

Question

Я реализую daterange picker на своей странице. Но это не работает. Может кто-нибудь, пожалуйста, указать, что я делаю неправильно или Что мне не хватает.

CSHTML:

<div class="has-feedback" > 
    <input type="text" id="txtDateRange" 
      class="form-control input-md" name="RangeDates" 
      placeholder="Select Range" 
      ng-model="Model.RageDates"> 
    <span class="form-control-feedback"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span> 
    <span style="color: #a94442" > 
     <label class="control-label" class="has-error" ng-show="RangeDates.$invalid">Required.</label> 
    </span> 
</div> 

ЯШ:

DashBoardModule.controller('DashBoardController', ['$scope','$filter', 'DashBoardModuleService', function ($scope,$filter, DashBoardModuleService) { 

    $('#txtDateRange').on('apply.daterangepicker', function (ev, picker) { 
     $scope.isRefreshing = true; 
     $scope.Model.introductoryPeriodEnd = $filter('date')(new Date(picker.endDate), dateFormat); 
     $scope.Model.introductoryPeriodStart = $filter('date')(new Date(picker.startDate), dateFormat); 
     $scope.Model.typeAvailability = picker.chosenLabel === "Custom Range" ? "Custom" : picker.chosenLabel; 
     $scope.$apply();  
    }); 

    angular.element(document).ready(function() { 
     var dateConfiguration = new Date(); 
     $('#txtDateRange').daterangepicker({ 
      ranges: { 
       'Next Week': [new Date(), dateConfiguration.setDate(dateConfiguration.getDate() + 6)], 
       'Next 2 Weeks': [new Date(), dateConfiguration.setDate(dateConfiguration.getDate() + 8)] 
      }, 
      format: dateFormat, 
      autoApply: true 
     }); 
    });  
}]); 

_layout:

<!-- Range Date Picker --> 
<link href="~/Scripts/Controls/DateRangePicker/daterangepicker.css" rel="stylesheet" /> 
<script src="~/Scripts/Controls/DateRangePicker/daterangepicker.js"></script> 

Answer 1

Во-первых, я не отвечаю на ваш вопрос. Потому что я предпочитаю совет вам: ИЗБЕГАЙТЕ ЭТО.

Что вы делаете, это не Угловой путь. Вы работаете в jQuery Way. Таким образом, вам будет сложнее использовать Angular и Libs. Итак, у вас есть 2 варианта: используйте AngularJS или используйте jQuery.

Почему вы не делаете в угловых образом:

0 - с угловыми вы не должны использовать JQuery для выбора элементов. (Используется с $('#txtDateRange').on('apply.daterangepicker', и angular.element(document).ready и $('#txtDateRange').daterangepicker

позабочусь об этом. Или Угловая будет сложнее и не элегантно.

Если вы предпочитаете использовать угловые, вы можете использовать угловую Date Picker, пожалуйста, проверьте это: http://mgcrea.github.io/angular-strap/#/datepickers

Я надеюсь, что это может помочь вам