2016-11-25 2 views
0

각도 j를 처음 사용했습니다. 날짜 선택 도구를 사용하여 날짜 맞춤 필터를 구현하려고합니다. 나는 그것을 시도했지만 해결할 생각이 없습니다. 다음은 제 코드입니다. 각도 js에서 날짜 검색 필터가 작동하지 않습니다

<tr class="gradeU" ng-repeat="x in invoice | filter:{created : from_date}">  
    <td style="text-align: center;">{{ x.created | datetime }}</td>  
</tr> 
JS SECTION 
function InvoiceControllers($scope, $stateParams, $http, $state) { 
    $scope.filterData = {}; 
    $scope.invoice_listing = function (data) { 
     var json = (function() { 
      var json = null; 
      $.ajax({ 
       'async': false, 
       'global': false, 
       'url': 'invoices/listing_invoice', 
       'data': data, 
       'dataType': "json", 
       'success': function (data) { 
        // alert(data); 
        json = data; 
       } 
      }); 
      return json; 
     })(); 
     //$scope.formData = {value : json}; 
     $scope.invoice = json; 
    }; 
    var data = {}; 
    $scope.invoice_listing(data); 

    $scope.filter_invoice = function() { 
     var data = $scope.filterData; 
     $scope.invoice_listing(data); 
    }; 


} 

function dateTime($filter) { 
    return function (input) { 
     if (input == null) { 
      return ""; 
     } 

     var _date = $filter('date')(new Date(input), 'MMM-dd-yyyy'); 
     return _date.toUpperCase(); 

    }; 
} 

angular 
     .module('inspinia') 

     .controller('InvoiceControllers', InvoiceControllers) 

     .filter('datetime', dateTime); 

<div class="col-sm-2 m-b-xs"> 
    <input type="text" name="from_date" class="form-control" placeholder="From" date-time view="date" auto-close="true" min-view="date" ng-model="from_date" format="MMM-DD-YYYY" readonly /> 
     </div> 

여기에 내가 날짜 섹션에서의 검색 부분을 노력했다. enter image description here

당신이

+0

"return _date;"를 사용하십시오. "return _date.toUpperCase();"대신 " in dateTime 함수에서. –

답변

0

당신은이 문제를 얻을 받았습니다 감사 어떤 제안 때문에 날짜를 문자열로 사용자의 입력 필드 from_date 세트 모달 값입니다. 표의 열과 동일한 형식으로 날짜를 형식화해야합니다.

var from_date = $filter('date')($scope.from_date, 'MMM-dd-yyyy'); 
$scope.invoice.filter({ created: from_date }); 
관련 문제