角度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

最新问答

更多

Angular自定义指令调用另一个自定义指令(Angular custom directive calling another custom directive)

工作代码: var app = angular.module('plunker', []); app.controller('productController', function($scope) { }); app.directive("hideShow", function() { return { templateUrl: "hideshow.html" }; }); app.directive("tmHtml", function() { return

如何通过参数将文本解析并附加到SQL Server 2005中的存储过程(How to Parse and Append text to a stored procedure in SQL Server 2005 via a parameter)

有一些选择。 您可以使用INFORMATION_SCHEMA.ROUTINES中的元数据更改实际的SP(不是我认为您想要做的事情) 您可以参数化SP - 如果SP直接使用变量而不动态生成SQL,则不应该容易受到注入。 您可以考虑使用视图或内联或多步表值函数,它可以像参数化视图一样使用(内联更高效) - SELECT * FROM udf_Test WHERE TestCol1 = 'Test' 。 您可以获取SP的结果并将它们放在临时表或表变量中并对其进行查询。 There are some o

OpenCV中心Homography(OpenCV Center Homography)

通常很容易使图像居中; 您只需创建一个用零填充的较大矩阵(或任何您想要的颜色),并在中心定义一个与图像大小相同的ROI,并将其放在那里。 但是,您通常无法使用两个图像执行此操作。 问题是,如果图像被移动或旋转,使其部分位于目标图像边界之外,那么来自warpPerspective返回的扭曲图像将在这些边界处被切断。 您需要做的是创建填充图像,在任意位置插入未扭曲的图像,并通过向这些像素添加平移来修改变换(在本例中为单应性)。 例如,如果您的居中图像在填充图像中的左上角为(400,500) ,那么您

如何在linux shell脚本中计算日期-N?(How to calculate date -N in linux shell scripting?)

var=`date +%s`; date=`date --date=@$var +%Y-%m-%d` echo $date 您可以添加/减去您需要的日期。 只记得它是在几秒钟内 从手册页: 自1970-01-01 00:00:00 UTC以来的%s秒 将纪元(1970-01-01 UTC)之后的秒数转换为日期 $ date --date ='@ 2147483647' 编辑:devNull提供了更好的答案 var=`date +%s`; date=`date --date=@$var +

如何使用Devise创建用户配置文件?(How Do I Create a User Profile With Devise?)

听起来您希望用户在创建帐户的同时更新其个人资料? 如果是这样,您可以使用用户模型设置关联的配置文件模型。 使用accepts_nested_attributes_for您可以在设计用户注册提交/创建时为嵌套模型创建记录。 这是一个很好的截屏,涵盖嵌套模型,我也建议你搜索其他设计相关的SO帖子,因为此问题已经讨论过。 有一种替代方法,更容易实现 - 只允许注册用户编辑/更新其配置文件。 这样您就不必更改Devise视图,并且可以通过单独的非设计控制器设置各种CRUD操作。 投入一个访问控制列表(A

清理模式以管理树上的多步异步过程(Clean pattern to manage multi-step async processes on a tree)

这是一个更新版本,它遍历节点树,处理初始根节点中的每个子节点,然后递归地下降到每个子节点的树中并处理其子节点,依此类推。 这是一个jsfiddle演示 // Pass the root node, and the callback to invoke // when the entire tree has been processed function processTree(rootNode, callback) { var i, l, pending; // If ther

场景的角色(Role of the Scene)

cocos2d中存在CCScene的唯一原因是因为CCDirector需要它作为runWithScene和replaceScene等方法的基类。 除此之外,CCScene,CCLayer和CCNode几乎完全相同。 您可以为场景,图层,节点,精灵等提供所需的任何角色。 但是,通常场景承担当前活动游戏对象(节点)的状态管理器的角色。 一个常见的用例是将场景声明为单例,以便任何子节点都可以访问场景的基本方法,例如发送其他不相关的节点消息,或者检查游戏是否结束,等等。 对于传播事件我赞成传递事件,因为

组件中的Angular 2组件[重复](Angular 2 Component In Component [duplicate])

<ng-content></ng-content>指令解决了我的问题。 <div class="modal-body"> <ng-content></ng-content> </div> <ng-content></ng-content> directive is solved my problem. <div class="modal-body"> <ng-content></ng-content> </div>

jsPlumb draggable element javascript函数(jsPlumb draggable element javascript function)

你错过了jsPlumb.setContainer($("body")); https://jsfiddle.net/mkaran/mLthybzo/ https://jsplumbtoolkit.com/community/doc/home 编辑:你的例子的小提琴https://jsfiddle.net/mkaran/aof6mq34/ You are missing the jsPlumb.setContainer($("body")); https://jsfiddle.net/mkaran

MVC4:ViewModel(带有radiobuttonlist)在HttpPost之后为空(MVC4: ViewModel (with radiobuttonlist) is empty after HttpPost)

我没有看到表单有如下ID的映射: @Html.HiddenFor(model => model.Id) 每个内部问题集合也应该具有Id,以便与表单一起发布。 因此,对于您可以拥有的每个问题,在表单的foreach循环中: @Html.HiddenFor(model => item.Question.Id) 该模型还具有MultipleChoiceQuestion类型的集合。 对于模型绑定到集合,集合元素的名称应具有带有序数字的name属性,如本文http://haacked.com/arch