Angular JS按日期过滤不起作用
AngularJS是一种流行的前端开发框架，用于构建动态的单页应用程序。它提供了许多功能和工具，包括数据绑定、依赖注入和过滤器等。
在AngularJS中，可以使用过滤器来对数据进行过滤和排序。对于按日期过滤不起作用的问题，可能有以下几个原因和解决方法：
- 数据格式不正确：确保日期数据的格式正确，例如使用ISO 8601标准的日期格式（例如："2022-01-01"）。
- 过滤器语法错误：检查过滤器的语法是否正确。在AngularJS中，可以使用内置的日期过滤器
date来格式化日期，也可以自定义过滤器来实现特定的日期过滤逻辑。 - 时区问题：如果涉及到时区的处理，需要确保在前端和后端之间进行正确的时区转换，以避免日期显示不正确的问题。
- 数据绑定问题：确保数据正确地绑定到视图上，并且在数据更新时，视图能够及时更新。
相关·内容
1回答
我的考试安排有问题。当单个文件中的所有内容都在一起时，它确实工作，而当代码在多个文件中传播时，它就不起作用了。
当代码按下面的方式传播时，我会得到一个错误Error: [$injector:unpr] Unknown provider: twoPlusTwoFilterProvider <- twoPlusTwoFilter
// js/index.js
angular.module('app', []);
// js/twoPlusTwoFilter.js
angular.module('app').filter('hex', func
浏览 3提问于2014-08-28得票数 1
回答已采纳
3回答
<div class="well calendar" ng-model="dt">
<datepicker min="minDate" show-weeks="showWeeks"></datepicker>
</div>
<div class="well">
<ul class="unstyled">
<li ng-repeat="
浏览 1提问于2013-12-26得票数 0
1回答
早上好,
我最近更新了一个相当老的角度项目，从6到10。在我必须修复的所有其他部分之后，我只剩下了我无法再工作的材料日期选择器。
简而言之:它可以工作，它会出现，我可以按下月份并按下年份，但是在主要内容区域内的任何内容，我都不能点击(日期和年份)。嗯，我可以点击，但什么也不做。没有控制台输出。
我的基本数据收集包装组件：
import { Component, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'date-picker-component',
浏览 6提问于2020-11-21得票数 0
回答已采纳
如何通过存在于另一个数组中的属性筛选数组？
我控制着这两个数组：
this.items = [{ "Id": 1, "TypeId": 1, "name": "Michael" },
{ "Id": 2, "TypeId": 2, "name": "Helga" },
{ "Id": 3, "TypeId": 1, "name": "Max" },
浏览 1提问于2016-04-15得票数 0
回答已采纳
我正在开发一个angularjs应用程序，我试图使用ng-repeat指令，但带有范围过滤器，但根本不起作用。
代码如下：
<div class="col-md-offset-2 row" ng-repeat="n in []|range:5">
<div class="col-md-offset-1 col-md-10">
<input type="email" name="email[]" ng-model="proveedor.emails[{{$
浏览 13提问于2018-02-23得票数 0
回答已采纳
我想禁用周末和特定日期在角材料数据报警器组件。
我怎么能这么做？
app.component.html:
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker><
浏览 2提问于2018-01-09得票数 14
我想使用角度过滤器以一种特殊格式显示日期，但是，当我使用这个基本代码时，我会得到以下错误：
angular.js:12221错误：$injector:unpr未知提供者:myFilterFilterProvider.
var app = angular.module('app', [])
.controller('appController', function ($scope) {
var d = new Date();
$scope.days = [
{
name: 'A string date',
浏览 2提问于2016-09-18得票数 0
1回答
我试图过滤一个纳克重复生成的列表，其中包含来自服务器的毫秒格式的日期对象。列表生成精细，我用角日期格式化它，但当我过滤时，我假设过滤器在毫秒内工作，而不是文本。在显示日期以使过滤器正常工作之前，是否需要格式化控制器或服务中的日期，还是有办法解决这个问题？
html：
<!DOCTYPE html>
<html ng-app="dates">
<head>
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src=&#
浏览 2提问于2014-07-10得票数 0
回答已采纳
1回答
我有问题打开一个简单的模式弹出。
我使用uib-bootstrap 14.3，angular.js 1.4.7，bootstrap 3.3.5。
我遵循了我在网上找到的文档和示例，即使有一个空白的模式模板，没有引用模板中的项，我也得到了同样的错误。现在，我传递到模式弹出窗口中的一些对象具有长JSON日期格式的DateTime成员。
在我的HTML中，我在一个表中有一个详细信息按钮，在数据库中使用ng-repeat来记录由索引跟踪的记录：
<a href="#" class="btn btn-default" ng-click="open('
浏览 2提问于2015-12-30得票数 1
我在字体端使用angular.js，在服务器端使用node.js。
现在，我在object中设置了一些日期格式值。
Html代码：
<html ng-app='myModule' ng-controller='mainController'>
<head>
</head>
<body>
<div class="container">
<div class="jumbotron">
<span> Date : {{ m
浏览 0提问于2016-04-13得票数 1
3回答
我试图在Angularjs中使用moment格式化日期，但它对我不起作用。这是我的小提琴，下面是我的代码。
HTML：
<div ng-app="miniapp">
<div ng-controller="Ctrl">
<div>
Actual Date: {{date}}
<br><br>
Formatted Date: {{formattedDate}}
</div>
浏览 0提问于2015-02-14得票数 8
回答已采纳
如何将类似于/Date(1438956000000)/的JSON日期格式化为Angular JS中的日期？
浏览 0提问于2014-09-03得票数 0
我试图创建一个商店索引，显示按类别分组的商店，因此我有两个ng重复，一个用于类别，另一个用于商店。
我有一个类别数组(‘cat2 1’，‘cat2 2’，..)
另一个是商店([{name：‘shop1 1’，类别：‘cat3 2’，'cat3'}，..])
以下是中继器的HTML代码：
<div ng-repeat="categoria in categorias | filter:categorySearch:strict">
<h3>{{categoria}}</h3>
<hr width="
浏览 1提问于2013-12-24得票数 0
4回答
我正在使用angular以这种格式显示日期
{{ date }} ,date:\'MM-dd-yyyy HH:MM:ss\
如何使用angular像Jan-dd-yyyy一样显示
有没有什么直接的方法可以使用angular js- (使用普通的jquery，我可以做到)
浏览 0提问于2013-07-17得票数 6
回答已采纳
1回答
当我与角度模型绑定日期时，模型变量给出的值比我实际选择的值少了1天，请参阅代码
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script d
浏览 1提问于2016-02-09得票数 1
我有一个双元素数组:第一个元素是一个字符串，第二个元素是一个自时代以来的毫秒整数。我可以显示毫秒的整数，但当试图获取日期的区域设置字符串时，会出现错误。
导致时间戳显示为整数的两行代码如下：
<div class='timestamp' ng-bind='monologues[session][1]'></div>
<div class='timestamp' ng-bind='new Date(monologues[session][1]).toLocaleString()'></div
浏览 7提问于2014-06-18得票数 3
回答已采纳
1回答
我在做一个离子应用程序。我正在尝试将默认日期(今天)设置为输入日期。
如果输入的类型是文本，我的代码就能工作。但是，如果我定义了一个日期类型，它就不起作用了。
HTML代码：
<html ng-app="ionicApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width&#
浏览 5提问于2015-12-05得票数 1
回答已采纳
我正在浏览所有的帖子
<li *ngFor="let post of posts">
在显示每个帖子的日期时：
{{post.date | date:'yyyy-MM-dd HH:mm:ss'}}
我想做的是把所有的帖子按最新的顺序排列。
我试过用一根管子，比如：
<li *ngFor="let post of posts | order-by-pipe">
import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
name: 'or
浏览 4提问于2016-12-13得票数 8
回答已采纳
2回答
我从postgres获得了一些日期文件，格式如下：
"2000-11-30T14:00:00.000Z“
我不能在页面上的可编辑日期字段中使用这个。类似于：
<a href="#" editable-date="employee.brthday"
onbeforesave="updateField($data, 'brthday', employee)">
{{employee.brthday || 'empty' | date:"dd/MM/yyy
浏览 1提问于2014-11-09得票数 7
回答已采纳
3回答
我有一个ng-repeat元素，它将循环遍历$http.get()结果。
<tr ng-repeat="blog in posts">
<td style="text-align:center">{{ $index+1 }}</td>
<td>{{ blog.title }}</td>
<td>
{{ blog.author.name }}
</td>
<td>
{{ blog.cr
浏览 3提问于2013-10-29得票数 24
回答已采纳
1回答
我在我的Angular 9项目中有一个表，其中有两列包含日期和IP地址。
这是我的applyFilter方法，但它只适用于简单的字符串。当我尝试过滤日期或I地址时，它不起作用。
applyFilter(filterValue: string) {
filterValue = filterValue.trim();
filterValue = filterValue.toLowerCase();
this.dataSource.filter = filterValue;
}
即使在这两列上，我如何修复它以进行过滤？
浏览 1提问于2020-09-18得票数 0
我有一个过滤器，它将日期格式化为“时间前”格式(动量)。我希望筛选值随着时间的推移“重新绘制”自己，而不改变模型。
例如：
时装秀“几秒钟前”
过了一段时间，我想把这个值改为“几分钟前”。
ect。
关于的功能示例
var app = angular.module('test', []);
app.filter('fromNow', function(){
return function(value){
return moment(value).fromNow();
}
});
app.controller('Tes
浏览 4提问于2016-03-02得票数 1
回答已采纳
3回答
将日期保存在中并以正确的格式显示
、、、、
我正在编写一个带有创建日期的crud应用程序。当我添加一个新对象时，日期以良好的格式保存在数据库中： Database 现在，当日期显示在表格上时，它向我显示如下： enter image description here 我找到了一个解决方案，可以用{{Rec.Date.slice(6，-2) | date:'dd/MM'}}将其显示为良好的格式 问题是，当我试图添加一个datepicker来使用date变量进行搜索时，即使我给它一个基数上已经存在的日期，搜索也不匹配任何内容。我非常确定问题出在日期格式上，但我没有找到任何解决方案来格式化它，当一个新的回收完成保存时。 按日
浏览 10提问于2020-06-19得票数 0
下面是过滤基本网格示例：。当我将日期筛选器组件添加到html页面时：
<kendo-格栅-日期-筛选-单元格*ngSwitchCase=“日期”“column=”列“filter=”筛选“>
我得到一个错误，即“kendo网格-日期过滤-单元”不是一个角分量。下面是我的systemjs.config.js文件中用于映射包的内容：
'@progress/kendo-angular-buttons': 'npm:@progress/kendo-angular-buttons', '@progress/kendo-angular
浏览 0提问于2017-05-25得票数 0
回答已采纳
2回答
在我的angular.js应用程序中有一个下拉列表，如下所示：
<select ng-model="script"
ng-options="s as s[1].shortDescription for s in objs | orderBy:'toString()'"
ng-change="updateParam()">
</select>
数组中的对象类型为
["test1", {shortDescription: "first test"
浏览 3提问于2015-06-07得票数 1
回答已采纳
2回答
我尝试根据角度1.4.8使用自定义过滤器来转换选项项。
我创建了一个简单的项目来测试是否有任何项可以附加字符串"123“。
app.filter('mytranslation', ['$rootScope', function($rootScope) {
return function(t_str) {
return t_str + "123";
};
}]);
但是，我得到了一个异常，
错误：$injector:unpr滤波器
其他有关NG过滤器的教程也不起作用。
两个haml代码都不起作用。
浏览 4提问于2016-03-11得票数 0
回答已采纳
1回答
我正在尝试将时区传递给angular js日期过滤器：
var _date = $filter('date')(input, 'yyyy/MM/dd HH:mm:ss', 'UTC');
其中"input“是以毫秒为单位的时间。本例中返回的日期时间字符串始终为本地时区。
请参阅以下网址的小提琴示例：
请告诉我这把小提琴出了什么问题？Angular版本是1.5。提前谢谢。
浏览 7提问于2017-12-20得票数 1
回答已采纳
1回答
我从SQL Server 2014到我的Ionic项目有个约会。我显示了一个日期，我使用了Angular管道进行格式化，但它显示的是英文日期。我需要用西班牙语显示日期。我正在尝试使用I18n，但它不起作用。我确信我正在以错误的方式实现它。
HTML
<script src="angular.js"></script>
<script src="i18n/angular-locale_es-mx.js"></script>
<script src="http://code.ang
浏览 13提问于2018-08-29得票数 1
我正在使用nodejs中的模块，它以Json数据的形式发送搜索结果。Json数据有一个名为"artistName“的文件，其中有我可以看到的重复元素。但是我想打印"artistName“值，丢弃重复的实例。表示一个值应该只打印一次。我只包含了
<script type="text/javascript" src="/angular.js"></script>
<script src="js/angular-file-upload.min.js"></script>
我正在尝试下面的
浏览 7提问于2015-06-18得票数 0
1回答
我在一个文件中添加了一个过滤器，现在我得到了我们都喜欢的注入器错误。我正在尝试解决这个问题，我认为这可能与注入顺序有关。如何声明提供者/服务/等在注入它们之前必须编译的顺序……
HTML：
<script src="js/app.js"></script>
<script src="js/directives/jokesDirective.js"></script>
<script src="js/filters/jokeFilter.js"></script>
<sc
浏览 3提问于2014-06-10得票数 2
我需要帮助与日期时间选择器。我已经在angular4中尝试过，但无法正常显示。换句话说，它根本不起作用。
我尝试在.angularcli.json文件中添加以下内容，但仍然不能正常工作。
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css",
"../node_modules/angular-bootstrap-datetimepicker/src/c
浏览 1提问于2017-06-07得票数 1
回答已采纳
1回答
我试图在模板中应用过滤器.但不起作用。有办法这样做吗？
以下是不起作用的地方：
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="ICanHaz.js"></script>
<!-- icanhaz template -->
<script id="a_template" class="partial&#
浏览 2提问于2014-10-30得票数 0
回答已采纳
1回答
我做不到！我只是在网上搜索了一下，我尝试了其他的解决方案，但我无法让它发挥作用。
我有一个过滤器，我想测试一下卡玛和茉莉花。这是我的代码：
app.js：
var services = angular.module('myApp.services', [ 'ngResource' ]);
angular.module('myApp', [
'ngRoute',
'myApp.filters',
'myApp.services',
'myApp.directi
浏览 0提问于2014-08-28得票数 5
回答已采纳
我试图在两个日期上运行amDifference计算：
我所犯的错误：
Uncaught Error: Template parse errors:
The pipe 'amDifference' could not be found ("yling">{{i['Date']}}</td>-->
<td class="date-font-styling">{{[ERROR ->]formatted_date | amDi
浏览 1提问于2018-07-18得票数 0
1回答
在我的AngularJS应用程序中，我遇到了一个实现分页的问题，我想实现prev和next按钮，但是它不起作用。
我认为它不适用于我的指令“分页”，我在我的模板中使用了一个新的过滤器“分页”，这就是问题.
我的模板：
<div ng-controller="ListCustomer">
<table class="table table-striped table-hover table-bordered">
<thead>
<tr>
浏览 5提问于2014-09-11得票数 0
2回答
角orderBy日期
、、、
我有一个数组，我想按日期在Angular.js中订购：
<tr ng-repeat="er in vm.readerFeeds | orderBy:'-publishedDate'">
<td>{{er.publishedDate}}</td>
</tr>
名单上的顺序不对。我认为日期格式是原因吗？
日期格式是：
Sat, 09 Nov 2013 04:26:55 -0800
浏览 1提问于2013-11-09得票数 2
回答已采纳
我修改了AngularJS函数filterFilter，以便使用精确的匹配。所以搜索'1‘只会给出'1'，而不是'11'，'12’等等。
function filterFilter() {
return function(array, expression,exact) {
...
var search = function(obj, text){
...
case "string":
return exact?('' + obj).toLowerCase() =
浏览 0提问于2012-10-17得票数 1
回答已采纳
1回答
我有一张用同位素JS分类和过滤的桌子。我想按日期添加一个筛选器，以显示由数据转换器选择的两个日期之间的结果。
知道怎么做吗？
谢谢
浏览 3提问于2016-08-01得票数 0
回答已采纳
我有一个angular js指令，它将接受一个日期，并在输入中将其格式化为2014-06-01T00:00:00到2014-06-01。
指令加载和执行都很好，问题是，我试图格式化的日期是必须首先从web服务检索的模型的一部分。因为这是异步完成的，所以指令将在数据从服务器返回之前执行，这会导致undefines被发送到指令中，并且日期保持未格式化。
有没有办法防止这种情况发生，或者也许有更好的方法来格式化日期？
非常感谢你
浏览 4提问于2014-06-24得票数 1
1回答
我正在尝试学习一些角度，并试图为表中的日期范围(格式化为字符串)创建一个筛选器。
我试过，但它不起作用。角度不会给我带来任何错误。只是不起作用。以防万一，过滤器在一个不同的文件中并注入到模块中。
非常感谢你的帮助！
var testApp = angular.module('testApp', ['filters']);
testApp.controller('dateCtrl', function($scope) {
$scope.tableValue = [{
"date": "2005 JAN"
浏览 2提问于2014-10-30得票数 0
回答已采纳
我的angular JS模板中有一个块
<a href="#/foos/{{foo.id}}">{{foo.name}}</a>
但是，foo.id属性有时可以包含时髦的字符('/')。我想做这样的事情：
<a href="#/foos/{{encodeURIComponent(foo.id)}}">{{foo.name}}</a>
但它不起作用？我该如何解决这个问题呢？
浏览 0提问于2013-05-19得票数 34
回答已采纳
1回答
我一直在尝试让angular js为我的数据排序。但是很遗憾，它不起作用。
Im正在从firebase ()检索数据，并使用节点js将其发送到控制器。
控制器代码
var myApp = angular.module('myApp', []);
myApp.controller('AppCtrl', ['$scope', '$http', function($scope, $http) {
// Pulls list of games
$scope.pullGame = function() {
console.log(&
浏览 0提问于2015-04-04得票数 0
我使用此脚本进行页面分页，如本教程中的所示
app.filter('offset', function() {
return function(input, start) {
start = parseInt(start, 10);
return input.slice(start);
};
});
一切都很好，除了我犯了个错误
TypeError: Cannot read property 'slice' of undefined
at k.<anonymous> (http://www.foo.co
浏览 3提问于2014-07-29得票数 2
下面是我的日期范围组件HTML：
<mat-form-field appearance="fill" class="fields-full-width">
<mat-label>Enter a date range</mat-label>
<mat-date-range-input
[rangePicker]="picker"
[dateFilter]="rangeFilter"
formGroupName="dateRange&
浏览 8提问于2021-09-25得票数 1
回答已采纳
I AngularJS v1.2.0。我只在IE11上得到跟随错误。
TypeError:无法在匿名函数(/Script/angular.js:3850:11)的forEach (/Script/angular.js:303:9)的forEach(/Script/angular.js:3849:9)获得匿名函数的属性“insertBefore”(/Script/angular.js:18725:17)，在publicLinkFn (/Script/angular.js:5420:29)，ngRepeatAction (/Script/angular.js:18723:15)，$watchCo
浏览 1提问于2015-06-03得票数 2
我正在AngularJS上学习。我已经用基本身份验证用CORS创建了示例项目。我的服务器端代码是泽西Rest。但我还是得到了403个禁止的错误。我不明白。我是不是漏掉了什么。下面给出了我的代码。请帮我解决这个问题。
服务器代码--
/*
* This is the controller level Code to get all UserlogInHistoryAngular
* information
*/
@GET
@Path("/getall")
@Produces({
MediaType.APPLICATION_XML,
MediaType.APPLIC
浏览 0提问于2018-07-31得票数 2
回答已采纳
在angular 4中，我以升序显示即将到来的生日列表。然而，它也在计算一年。
我只想按日期和月份排序，而不是按年排序。
如何使用管道或在数组中预先排序数据来显示它。
浏览 3提问于2019-04-05得票数 0
我想在我的前端显示人类可读的日期时间。我的数据来自rails后端。当我使用{{ item.created_at }}时，它会像rails way 2016-10-10T10:29:47.993Z一样显示时间。但是我怎么才能在angular js中显示5天前，3小时前的样子呢？
浏览 0提问于2016-10-11得票数 1
1回答
我试图让我的Angular应用程序上的UI-Grid正确过滤日期，但它似乎没有响应任何类型的过滤器更改。我已经尝试过文档，并使用他们的例子：
displayName: "Long Date", cellFilter: 'date:"longDate"', filterCellFiltered:true,
但是似乎没有什么能改变日期的格式，这是我目前的代码：(更新)
$scope.gridOptionsClaims = {
enableSorting: true,
enableFiltering: true,
showColumnFooter:
浏览 0提问于2016-03-15得票数 0
1回答
因此，在浏览angularJS文档时，我注意到各种过滤器模板如下所示：
{ date_expression /日期:日期:格式}
日期的含义是什么:日期？
如果我运行以下代码：(JS Fiddle )
HTML：
<div ng-app="testApp" ng-controller="testCon">
{{dt1 | date : 'MM/dd/yyyy @ h:mma'}}<br>
{{dt1 | date : dt1 : 'MM/dd/yyyy @ h:mma'}}
浏览 3提问于2014-03-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
