從API兩個日期之間的過濾器，angularjs

Question

我檢索基於用戶ID與下面的腳本

$http.post("http://testingserver.net/statement.php",{'id':$scope.account_number}).success 
    (function(data){ 
    console.log(JSON.stringify(data)); 
$scope.statement=data; 
    }); 

從日誌中我能得到詳細數據的API聲明的帳戶的詳情。來自日誌的數據包含一個名爲Date的字段，格式爲2017-02-01T00:00:00Z，我想要實現的是讓用戶從兩個日期範圍中進行選擇並將結果推回給用戶。

從HTML低於它們是兩個領域，即sdate和edate

HTML

<form method="post" name="statement" id="statement"> 
<div class="list"> 
    <label class="item item-input"> 
    <span class="input-label">Search From</span> 
    <input type="date" ng-model="sdate"> 
    </label> 
    <label class="item item-input"> 
    <span class="input-label">Search To</span> 
    <input type="date" ng-model="edate"> 
    </label> 
</div> 
</form> 
</br> 
<div align="center"> 
<p><button class="button button-positive" ng-disabled="statement.$invalid" ng-click="state_request()"> 
    <i class="icon ion-android-search icon"></i> Search 
</button></p> 
</div> 

HTML的結果

<div ng-repeat="item in statement"> 
    <table width="100%" border="0" cellspacing="5" cellpadding="5"> 
    <tr> 
     <td width="70%"><div align="left"> 
     <p><strong> Period</strong>  </p> 
     </div></td> 
     <td width="82%">{{item.Date |date: 'MMMM yyyy'}}</td> 
    </tr> 
    <tr> 
     <td><p><strong>Category</strong></p></td> 
     <td>{{item.Category}}</td> 
    </tr> 
    <tr> 
     <td><div align="left"> 
     <p><strong>Amount</strong>  </p> 
     </div></td> 
     <td><div align="left">{{item.Amount}}</div></td> 
    </tr> 
    <tr> 
     <td colspan="2">&nbsp;</td> 
    </tr> 
    </table> 
</div> 

Answer 1

如果你試圖格式化你可能想的日期使用momentjs javascript time/date lib

它使得日期格式化和工作變得非常簡單，特別是關於時間輸入。

Answer 2

我們需要的功能，爲我們的businees邏輯和通過sadte和EDATE：你可以試試這個：

state_request = function(sdate,edate){ 
    if(new Date(sadte) < new Date(edate)){ 
    // now write here the web service logic 
    //$http.post('domain/startDate=sadte&endDate=edate'){ 

    }.then(function(req,res){ 
    //bind your html variable from here like, res.a,res.b etc 
    }); 
    } 
    } 

Answer 3

你有兩條路走：
1）添加開始/結束日期並使用服務器進行繁重的工作。
2）發回所有結果並過濾客戶端。

前者可能是最好的選擇。如果你這樣做，你需要日期sdate和edate在你的url的查詢參數，該服務器將處理，然後有某種存儲過程做日期範圍檢查。我不是一個PHP的傢伙--Java是我的特長，Angular 4/Ionic。