我在我的应用程序中使用 MEAN 堆栈,并将 AngularJS 作为我的前端。如何清除输入元素中的选定文件,My Plunker
引用一下我的plunker。
我使用了 Start date 和 End date 输入,用于过滤
Due_date
。如果我们选择像这样的开始日期:-16-09-2016
数据在表中有过滤。在那个日期输入中有一个
X
close
按钮来清除字段,但是如果我们点击那个x
清除按钮,表格显示为空数据。我们非常期待的是,如果我们单击那个
x
清除按钮,它应该清除选定的文件并需要在表中显示所有数据....就像我们给出的例如 plunker 在这里:- http://plnkr.co/edit/QuJvCXFpKbwVd0OlkHZ2?p=preview因为这个 plunkerx
clear button 工作得很好,我不知道我哪里弄错了,请帮助我们。
我的 daterange 过滤器 Controller :-
.filter("myfilter", function() {
return function(items, from, to) {
var df = from;
var dt =to;
var result = [];
console.log(to);
for (var i=0; i<items.length; i++){
var date = moment(items[i].invoice_date);
date.add(items[i].terms,'d');
var tf = date;
if (date.isAfter(moment(from)) && date.isBefore(moment(to))) {
result.push(items[i]);
}
}
//console.log(items);
return result;
};
});
我的 html :-
<input type="date" class="form-control" name="from" ng-model="from">
<input type="date" class="form-control" name="to" ng-model="to">
过滤日期范围:-
<tr ng-repeat="data in record | myfilter:from:to">
<td> {{addDays(data.invoice_date,data.terms) | date:'yyyy-MM-dd'}}</td>
</tr>
我已经创建了我的 plunker 以供引用:- My Plunker
最佳答案
在您的过滤器中添加日期验证
app.filter("myfilter", function() {
return function(items, from, to) {
if(from.length!=0 && to.length!=0)
{
var df = from;
var dt =to;
var result = [];
console.log(to);
for (var i=0; i<items.length; i++){
var date = moment(items[i].invoice_date);
date.add(items[i].terms,'d');
var tf = date;
if (date.isAfter(moment(from)) && date.isBefore(moment(to))) {
result.push(items[i]);
}
}
//console.log(items);
return result;
}else
{
return items;
}
};
});
关于html - Angularjs如何清除输入中的选中字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39413363/