0

ich folgendesWie mit Datum Tabellendaten in ng-repeat filtern

index.cshtml

<td>From:<input kendo-date-picker ng-model="date1" class="form-control input-sm" /></td> 
<td>To:<input kendo-date-picker ng-model="date2" class="form-control input-sm" /></td> 

     <tr dir-paginate="item in AllItems| itemsPerPage: 15 | filter : dateRangeFilter:date1:date2"> @*filter : SearchSubmitDate | filter : MarketingSearch filter: dateRangeFilter('SubmitDate', startDate, endDate)*@ 
      <td style="font-weight:bold;">{{item.MarketingFormattedID}}</td> 
      <td filter="{ 'SubmitDate': 'text' }">{{item.SubmitDate| mydate | date: 'MM/dd/yyyy'}}</td> 
      <td>{{item.DueDate| mydate | date: 'MM/dd/yyyy'}}</td> 
      <td>{{item.Description}}</td> 
      <td>{{item.SubmittedBy}}</td> 
      <td>{{item.MarketingStatusTypeName}}</td> 
      <td>{{item.AssignedTo}}</td> 
      <td><button ng-click="GetByMktId(item.MarketingID)"> Edit</button></td> 
     </tr> 

in Js

function parseDate(input) { 
    return Date.parse(input); 
} 

app.filter("dateRangeFilter", function() { 
return function (items, from, to) { 
    console.log('dateRangeFilter ' + from + ' ' + to); 
    var df = parseDate(from); 
    var dt = parseDate(to); 
    console.log('parsed ' + df + ' ' + dt); 
    var result = []; 
    for (var i = 0; i < items.length; i++) { 
     var date_bet = items[i].datetime; 
     if (date_bet > df && dt > date_bet) { 
      result.push(items[i]); 
     } 
    } 
    return result; 
    }; 
}); 

Alles kommt als Datei haben nicht definiert. Ich bin relativ neu bei angularjs und probierte all die verschiedenen Möglichkeiten, die ich auf Stackoverflow oder Google finden konnte. nicht sicher, was ich vermisse. bitte hilfe. Vielen Dank.

Zusätzliche Information: Es ist ein sehr großer Controller ist, so dass ich nicht die Informationen alle enthalten.

app.controller('cvManageMarketingController', function ($scope, serviceMarketing, updateMarketingItemService, marketingItemsListService, 
      serviceNewMarketCode, serviceSaveMktFiles, serviceGetMktFiles, serviceDownloadMktFile, $filter){ 

    marketingItemsListService.getAll().then(function (value) { 
     $scope.AllItems = (value); 
     $scope.orderByField = 'SubmitDate'; 
     $scope.reverseSort = true; 
     $scope.AllFiles = []; 
     $scope.MarketingID = 0; 
     $scope.MarketingFormattedID = ""; 
     $scope.Headers = "Add Marketing Item"; 
    }); 
} 

und IPASS ng-controller = "cvManageMarketingController" an die Haupt div.

+0

Das Markup und Code angezeigt werden unvollständig. Bitte geben Sie mindestens den Controller-Code an, der dem von Ihnen geposteten Markup zugeordnet ist. Wie sieht die Datensammlung 'AllItems' aus? – GPicazo

+0

Ich habe zusätzliche Informationen hinzugefügt. Bitte lassen Sie mich wissen, wenn ich mehr hinzufügen muss., Danke – lama

Antwort

0

Ich mag würden Sie vorschlagen smart table Plugin zu verwenden, um die Elemente in Winkel js für bevölkern, die mit praktisch api und alle benötigten Dinge wie Paginierung Artikel kommt, etc .. sind

Verwandte Themen