Angularjs의 DatePicker UI.BootStrap 용 필터 (2014-04-17T07 : 00 : 00.000z)
-
23-12-2019 - |
문제
Angular App, DatePicker UI.BootStrap에서 날짜를 저장 날짜를 필터링하고 readle 날짜를 표시하고 싶습니다.
예제 : 2014-04-17T07 : 00 : 00 : 00 000z ~ 4/14/2014 또는 기타 옵션
감사합니다
해결책
날짜의 각도 필터를 사용하십시오.
{{date | date:'MM-dd-yyyy HH:MM:ss}}
.
다음 링크를 참조하십시오 - http://docs.angularjs.org/api/ng.Filter : 날짜
예제 (
html
<div ng-app='myApp' ng-controller="ArrayController">
<li ng-repeat="arr in records ">
{{arr.date| date:'MM/dd/yyyy'}}
</li>
</div>
.
스크립트
var app = angular.module('myApp', []);
app.controller('ArrayController', function ($scope) {
$scope.records = [{
name: 'sohn',
phone: '555-1212',
age: 10,
date: '2014-11-12T07:00:00.000Z'},
{
name: 'Mary',
phone: '555-9876',
age: 19,
date: '2014-05-17T07:00:00.000Z'},
{
name: 'Mike',
phone: '555-4321',
age: 21,
date: '2014-04-17T07:00:00.000Z'},
{
name: 'Adam',
phone: '555-5678',
age: 35,
date: '2014-09-01T07:00:00.000Z'},
{
name: 'Julie',
phone: '555-8765',
age: 29,
date: '2014-10-21T07:00:00.000Z'},
{
name: 'Julie',
phone: '555-8765',
age: 29,
date: '2014-11-12T07:00:00.000Z'},
{
name: 'arlina',
phone: '555-8765',
age: 29,
date: '2014-07-07T07:00:00.000Z'},
{
name: 'Mary',
phone: '555-8765',
age: 29,
date: '2014-06-07T07:00:00.000Z'}
];
});
.
출력
11/12/2014
05/17/2014
04/17/2014
09/01/2014
10/21/2014
11/12/2014
07/07/2014
06/07/2014
. 제휴하지 않습니다 StackOverflow