角度js:使用角度过滤器分割日期,月份和时间(Angular js: spliting date,month and time using angular filter)

我试图从ng-repeat的时间戳中分割日期,月份(单词)和时间

$scope.notes.forEach(function(notes){
     $scope.notes.date = new Date(notes.date);
    });

在我看来我使用角度滤镜

 <div ng-repeat="note in notes">
Date: {{note.date | date:'dd'}}
Month:{{note.date | date:'mm'}}
</div>

这很好,但我还需要两个额外的东西

1.Month用例如:(March)

2.时间参数例如:下午2点

角度滤波器有可能吗?

注:示例时间戳2016-06-02T16:14:34+0530


I am trying to split up date,month (in words) and time from a timestamp in a ng-repeat

$scope.notes.forEach(function(notes){
     $scope.notes.date = new Date(notes.date);
    });

In my view am using angular filter

 <div ng-repeat="note in notes">
Date: {{note.date | date:'dd'}}
Month:{{note.date | date:'mm'}}
</div>

This works fine ,but i need two more additional things

1.Month is in words eg: (March)

2.Time parameter eg:2 pm

Is it possible with angular filter?

Note: Sample timestamp 2016-06-02T16:14:34+0530


原文:https://stackoverflow.com/questions/37595701
2019-09-26 07:30

最满意答案

对于Month,您可以使用以下方法对其进行过滤:

Month:{{note.date | date: 'MMMM'}}

可以通过两种方式过滤时间,具体取决于您要格式化的方式:

Time:{{note.date | date: 'hh:a'}}

要么

Time:{{note.date | date: 'h:a'}}

这是关于日期过滤的文档的链接


For Month, you can filter it by using the following:

Month:{{note.date | date: 'MMMM'}}

Time can be filtered in two ways depending on how you want to format:

Time:{{note.date | date: 'hh:a'}}

OR

Time:{{note.date | date: 'h:a'}}

Here's a link to the documentation on date filtering.

2016-06-02

相关问答

更多

在角度,如何使用取消用户事件的美元间隔,如页面更改?(In angular, how to use cancel an $interval on user events, like page change?)

每当用户更改页面时,与路由控制器相关联的范围(下面示例中的/page1 )都将发送一个$destroy事件 。 您可以在该事件的侦听器中cancel $interval : app.config(function ($routeProvider) { $routeProvider.when('/page1', { template: '<div>Page Content</div>', controller: PageController

Visual Studio 2008>禁用应用程序调试(Visual Studio 2008 > Application debugging disabled)

解决了。 在我的解决方案中有: 一个网站 一个专案 另一个项目 又一个项目 该网站有一个“又一个项目”的dll,但它是手动复制的,该网站没有引用“又一个项目”。 所以我修改了“又一个项目”的来源,从那时起我就无法调试了。 解决方案:我删除了DLL并添加了对“又一个项目”的引用,现在我可以附加w3wp.exe并使用调试器。 Solved. In my Solution there are: a web site a project another project yet another proje

如何在使用ng选项的select中使用ng-class(How to use ng-class in select with ng-options)

您可以创建一个指令,在处理ngOptions指令后处理选项,并使用相应的类更新它们。 更新 :旧的代码有一些错误,自从我回答这个问题后,我学到了一些东西。 这是一个在1.2.2中重做的Plunk(但也应该在1.0.X中工作) 这里更新了代码: app.directive('optionsClass', function ($parse) { return { require: 'select', link: function(scope, elem, attrs, ngSel

选择哪个存储引擎比较合适

MySQL有多种存储引擎,每种存储引擎有各自的优缺点,可以择优选择使用:   MyISAM、InnoDB、MERGE、MEMORY(HEAP)、BDB(BerkeleyDB)、EXAMPLE、FEDERATED、ARCHIVE、CSV、BLACKHOLE。   MySQL支持数个存储引擎作为对不同表的类型的处理器。MySQL存储引擎包括处理事务安全表的引擎和处理非事务安全表的引擎:   · MyISAM管理非事务表。它提供高速存储和检索,以及全文搜索能力。MyISAM在所有MySQL配置里被支持

电脑术语hudson 是什么意思

Hudson是Jenkins的前身,是基于Java开发的一种持续集成工具,用于监控程序重复的工作,包括: 1、持续的软件版本发布/测试项目。 2、监控外部调用执行的工作。 Hudson的特性 1、易于安装-只要把hudson.war部署到servlet容器,不需要数据库支持。 2、易于配置-所有配置都是通过其提供的web界面实现。 3、集成RSS/E-mail/IM-通过RSS发布构建结果或当构建失败时通过实时通知。 4、生成JUnit/TestNG测试报告。 5、分布式构建支持-Hudson能

在eclipse中强制转换泛型类但在javac中出错(Casting generic class is warning in eclipse but error in javac)

有没有一种解决方法可以在两个编译器上进行编译? Class<? extends List<String>> clazz; // casting to interim type clazz = (Class<? extends List<String>>) (Class<? extends List>) ArrayList.class; // raw types ....... clazz = (Class) ArrayList.class; 然而! 此代码值得解释为什么它可以工作以及何时可能不

如何在C ++中实现垃圾收集(How to implement garbage collection in C++)

C和C ++中的垃圾收集都是困难的主题,原因如下: 指针可以是整型的类型,反之亦然。 这意味着我可以有一个内存块,只能通过使用整数,将其类型转换为指针,然后取消引用它才可以访问。 一个垃圾收集器必须小心,不要认为一个块是不可达的,当确实仍然可以达到。 指针不透明。 许多垃圾收集器,如停止和复制收集器,喜欢移动内存块或压缩它们以节省空间。 由于您可以明确地查看C和C ++中的指针值,这可能难以正确实现。 你必须确保,如果有人正在做一些棘手的类型转换为整数,如果你移动了一块内存,你正确地更新整数。

如何通过avconv合并视频?(How to merge videos by avconv?)

avconv -i concat:file1.mp4\|file2.mp4 -c copy output.mp4 我不知道是否适用于任何容器类型(用AVI为我工作)。 avconv -i concat:file1.mp4\|file2.mp4 -c copy output.mp4 I don't know if works with any container's type ( worked for me with AVI ).

最新问答

更多

在角度,如何使用取消用户事件的美元间隔,如页面更改?(In angular, how to use cancel an $interval on user events, like page change?)

每当用户更改页面时,与路由控制器相关联的范围(下面示例中的/page1 )都将发送一个$destroy事件 。 您可以在该事件的侦听器中cancel $interval : app.config(function ($routeProvider) { $routeProvider.when('/page1', { template: '<div>Page Content</div>', controller: PageController

OS X Server - bot无法从存储库获取源代码(OS X Server - bot can't get source from repository)

我已经用最令人费解的方式解决了这个问题! 当OS X Server连接到存储库以下载源代码时,它将使用Xcode库。 Xcode使用libgit2进行下载,该下载有一个已知的导致缓冲区错误的错误。 它已在v0.21.2中修复,但最新的Xcode(6.1.1)仅使用v0.21。 之前的Xcode版本只使用v0.20,所以希望未来的Xcode版本将使用v0.21.2 +,在这种情况下,此修复不应该是必需的。 无论如何,Xcode 6.1.1的解决方案是: 从这里下载并解压Xcode使用的gitlib

Visual Studio 2008>禁用应用程序调试(Visual Studio 2008 > Application debugging disabled)

解决了。 在我的解决方案中有: 一个网站 一个专案 另一个项目 又一个项目 该网站有一个“又一个项目”的dll,但它是手动复制的,该网站没有引用“又一个项目”。 所以我修改了“又一个项目”的来源,从那时起我就无法调试了。 解决方案:我删除了DLL并添加了对“又一个项目”的引用,现在我可以附加w3wp.exe并使用调试器。 Solved. In my Solution there are: a web site a project another project yet another proje

如何在使用ng选项的select中使用ng-class(How to use ng-class in select with ng-options)

您可以创建一个指令,在处理ngOptions指令后处理选项,并使用相应的类更新它们。 更新 :旧的代码有一些错误,自从我回答这个问题后,我学到了一些东西。 这是一个在1.2.2中重做的Plunk(但也应该在1.0.X中工作) 这里更新了代码: app.directive('optionsClass', function ($parse) { return { require: 'select', link: function(scope, elem, attrs, ngSel

选择哪个存储引擎比较合适

MySQL有多种存储引擎,每种存储引擎有各自的优缺点,可以择优选择使用:   MyISAM、InnoDB、MERGE、MEMORY(HEAP)、BDB(BerkeleyDB)、EXAMPLE、FEDERATED、ARCHIVE、CSV、BLACKHOLE。   MySQL支持数个存储引擎作为对不同表的类型的处理器。MySQL存储引擎包括处理事务安全表的引擎和处理非事务安全表的引擎:   · MyISAM管理非事务表。它提供高速存储和检索,以及全文搜索能力。MyISAM在所有MySQL配置里被支持

电脑术语hudson 是什么意思

Hudson是Jenkins的前身,是基于Java开发的一种持续集成工具,用于监控程序重复的工作,包括: 1、持续的软件版本发布/测试项目。 2、监控外部调用执行的工作。 Hudson的特性 1、易于安装-只要把hudson.war部署到servlet容器,不需要数据库支持。 2、易于配置-所有配置都是通过其提供的web界面实现。 3、集成RSS/E-mail/IM-通过RSS发布构建结果或当构建失败时通过实时通知。 4、生成JUnit/TestNG测试报告。 5、分布式构建支持-Hudson能

在eclipse中强制转换泛型类但在javac中出错(Casting generic class is warning in eclipse but error in javac)

有没有一种解决方法可以在两个编译器上进行编译? Class<? extends List<String>> clazz; // casting to interim type clazz = (Class<? extends List<String>>) (Class<? extends List>) ArrayList.class; // raw types ....... clazz = (Class) ArrayList.class; 然而! 此代码值得解释为什么它可以工作以及何时可能不

SQL语句insert into 。。。value。。。什么时候用value什么时候用values,两者有区别吗?

不能用value,只能用values。 value()是对XML数据执行XQuery,并返回 SQL 类型的值。

如何学好宏观经济学呢

学好宏观经济学:   第一步,预习。学的时候必须要亲自画图和推导。   第二步,理清思路,注意逻辑性。从核算到决定都是为IS-LM做铺垫,然后财政和货币政策是应用,然后AD-AS是延伸,然后是开放模型。   第三步,听好课,一定要复习和多做习题。   宏观经济学(Macroeconomics),是使用国民收入、经济整体的投资和消费等总体性的统计概念来分析经济运行规律的一个经济学领域。宏观经济学是相对于古典的微观经济学而言的。宏观经济学是约翰·梅纳德·凯恩斯的《就业、利息和货币通论》发表以来快速发