javascript – NG-Repeat使用过滤器与当前日期进行比较?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – NG-Repeat使用过滤器与当前日期进行比较?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2728字,纯文字阅读大概需要4分钟。
内容图文
![javascript – NG-Repeat使用过滤器与当前日期进行比较?](/upload/InfoBanner/zyjiaocheng/732/ee274c1ed1184ee98fef019a4fe9af8c.jpg)
好吧,我有一个包含日期列表的对象,我正在遍历它:
<select ng-click="monthpicker()" >
<option class="animate-repeat" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="{{returnpicker.date}}">{{returnpicker.date | date:'yyyy-MMM' }}</option>
</select>
使用ng-repeat,返回以下内容:
<select ng-click="monthpicker()">
<!-- ngRepeat: returnpicker in monthpicker(alldatesdump) -->
<option class="animate-repeat ng-scope ng-binding" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="2013-Nov">2013-Nov</option>
<option class="animate-repeat ng-scope ng-binding" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="2013-Nov">2013-Nov</option>
<option class="animate-repeat ng-scope ng-binding" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="2013-Nov">2013-Nov</option>
<option class="animate-repeat ng-scope ng-binding" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="2013-Nov">2013-Nov</option>
<option class="animate-repeat ng-scope ng-binding" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="2013-Nov">2013-Nov</option>
<option class="animate-repeat ng-scope ng-binding" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="2013-Nov">2013-Nov</option>
<option class="animate-repeat ng-scope ng-binding" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="2013-Nov">2013-Nov</option>
<option class="animate-repeat ng-scope ng-binding" ng-repeat="returnpicker in monthpicker(alldatesdump)" value="2013-Nov">2013-Nov</option>
对象中的每个月等等,这是因为它返回对象中每个月的名称和一年.
好的,我有两个问题:
1:如何过滤结果,以便它们只返回每个月名称和年份的一个示例?
2:我如何设置它,使其仅从当前月份返回?
我想仅使用AngularJS过滤器来实现这一点,但如果需要,我确实可以使用jquery!
******** UPDATE **************
继承了我的JS文件中的当前范围项:
scope.monthpicker = function(alldatesdump){
var alldatesdump = booking.getalldates();
/*for (var date in alldatesdump){
if (alldatesdump.hasOwnProperty(date)){
console.log(date);
}
}
for (var date in alldatesdump) {
var obj = alldatesdump[date];
for (var prop in obj) {
// important check that this is objects own property
// not from prototype prop inherited
if(obj.hasOwnProperty(prop)){
console.log(prop + " = " + obj[prop]);
}
}
}*/
return alldatesdump;
};
解决方法:
以下是我使用过滤器仅显示过去两天的订单的示例
.filter('getOrders', function() {
return function (orders) {
var filtered_list = [];
for (var i = 0; i < orders.length; i++) {
var two_days_ago = new Date().getTime() - 2*24*60*60*1000;
var last_modified = new Date(orders[i].last_modified).getTime();
if (two_days_ago <= last_modified) {
filtered_list.push(orders[i]);
}
}
return filtered_list;
}
});
DOM看起来像这样
<tr ng-repeat="order in orders|getOrders">
希望这个小提琴有助于JSFiddle
内容总结
以上是互联网集市为您收集整理的javascript – NG-Repeat使用过滤器与当前日期进行比较?全部内容,希望文章能够帮你解决javascript – NG-Repeat使用过滤器与当前日期进行比较?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。