2016-04-04 7 views
0

入力タイプ=日付のテーブルからAngularJSでデータをフィルタリングしようとしています。たとえば、入力フィールドで日付30/04/2016を選択した場合、この日付のレコードのみを表示したいとします。何もしていない瞬間には、まったくフィルタリングされません。入力の種類をテキストに変更するとフィルタは機能しますが、文字列を入力する代わりに日付を選択するようにします。入力タイプ= "date"のリストをフィルタリングするAngularJS

HTML:

<div class="form-group col-md-3"> 
    <label for="l">Bidding date</label> 
    <input type="date" id="b" ng-model="searchBidding.tenderbiddingdateoffersubmission"class="form-control"> 
</div> 
<tbody ng-repeat="result in rowCollection | filter:searchBidding> 
    <td >{{result.tenderbiddingdateoffersubmission | date:"dd/MM/yyyy"}}</td> 

    <td width="145px"><button type="submit" ng-click="clicked2(result.tenderid)" class="btn btn-primary">Edit</button> 
    <button ng-click="clicked(result.tenderid)" type="submit" class="btn btn-primary">display</button></td> 
</tbody> 
+0

何が問題なのですか? – martin

+0

質問を更新しました –

答えて

0

あなたははい、| date:フィルタは、出力フィルタであることを理解できますか?
フィルタリングロジックはコントローラ内に$scope.searchBidding()の機能があるはずですか?
searchBidding()の実装を表示することをお勧めします。

+0

ええ、知っていますが、g-model = "searchBidding.tenderbiddingdateoffersubmission"とフィルタ:searchBiddingを使用する理由は、Angularが{{result.tenderbiddingdateoffersubmission}} 。私のコントローラには機能がありません。この作業方法は、ノーマル文字列のために機能しました。 –

0

おそらくsearchBidding.tenderbiddingdateoffersubmissionの変更を監視したいと思っています。あなたのコントローラで行うことができます。

$scope.$watch('searchBidding.tenderbiddingdateoffersubmission', function(newValue, oldValue) { 
    // do whatever ... 
    updateFilteredDate(); 
}); 

それともあなたは(あなたのユースケースに応じて)ちょうどng-changeを使用することができます。

+0

私はtype = "date"が問題を作り出し、それが変わったことを見ることができないという事実ではないと思う。 –

+0

'type =" data "'は問題を引き起こしているとは思わない、jsfiddleまたはplnkrを作れる? – martin

関連する問題