daterangepicker가 트리거되지 않음

내 페이지에 daterange picker을 구현 중입니다. 하지만 작동하지 않습니다. 누군가 제가 잘못하고있는 것을 지적하거나 누락 된 부분이 무엇인지 지적 해주십시오.daterangepicker가 트리거되지 않음

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>

JS :

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>

출처

2016-06-06 BumbleBee

당신은 당신이 사용하는 날짜 범위 선택기 API에 대한 링크를 포함 아마해야합니다 또한'무엇을 의미 working'하지 않는 일어나고있는 무슨이하지 여부를해야!.? 무슨 일이 일어나야합니까? – Igor

날짜 p icker 창이 팝업되지 않습니다. – BumbleBee

다시 API에 대한 도움말을 보려면 해당 API에 대한 링크를 게시하십시오. 당신이 구글'daterangepicker'를 선택하면 가능한 많은 API가 있음을 알게 될 것입니다. 나는 도움을 필요로하는 사람들이 당신이 도움이 필요한 특정 API를 추측해야한다는 것이 현실적이라고 생각하지 않습니다. – Igor

첫째, 나는 당신의 질문에 대답하고 있지 않다. 내가 조언을 선호하기 때문에 : 그것을 피하십시오.

당신이하는 일은 각도 방식이 아닙니다. 당신은 jQuery Way에서 일하고 있습니다. 앵글과 립을 사용하기가 더 어려울 것입니다. 그래서, AngularJS를 사용하거나 jQuery를 사용하는 두 가지 선택이 있습니다. 당신이 각도 방식으로 수행하지 않는 이유는

0 - 각도 사용하면 요소를 선택 jQuery를 사용하면 안됩니다. (당신이 $('#txtDateRange').on('apply.daterangepicker', 및 angular.element(document).ready이의 $('#txtDateRange').daterangepicker

테이크 관리로 사용하고 있습니다. 또는 각도 열심히하지 우아한 될 것입니다.

당신이 각 사용하려는 경우

, 당신은 각도 날짜 선택을 사용할 수 있습니다, 확인하시기 바랍니다 이 : http://mgcrea.github.io/angular-strap/#/datepickers

은 내가 당신을 도울 수 있기를 바랍니다

이

출처

2016-06-07 03:42:38 joseglego

daterangepicker가 트리거되지 않음

답변

관련 문제