how use filter date in directive in AngularJS

Question

I have date in format ISO8601 and I have to reformat it to format 'dd/MM/yy HH:mm:ss' in directive but it's not working. The date is displayd in original format.

directive:

app.directive('createTimeDirective', function ($filter) {
    return {
        restrict: 'E',
        template: '<div style="font-size: 9px;"> Created at {{date2}}<div>',
        //replace: true,
        scope: {
            date: '@'
        },
        link: function (scope, elem, attrs) {
            var dateFormat = 'dd/MM/yy HH:mm:ss';
            //scope.date = attrs.date;
            scope.date2 = $filter('date')(attrs.date, dateFormat);
            console.log(scope);

        }
    };
});

directive usage:

<create-time-directive date="'{{notices[$index].CreationTime}}'"></create-time-directive>|

It should be {{notices[$index].CreationTime}}, not '{{notices[$index].CreationTime}}'. Remove the single quotes. — JB Nizet
– JB Nizet, Commented May 23, 2016 at 6:14

P.K. · Accepted Answer · 2016-05-23 08:06:17Z

1

Yes, answer from JB Nizet was good:).

But the full solution is here:

directive usage (removed single quotes):

<create-time-directive date="{{notices[$index].CreationTime}}"></create-time-directive>|

directive updated:

app.directive('createTimeDirective', ['$filter', function ($filter) {
    return {
        restrict: 'E',
        template: '<div style="font-size: 9px;"> Created at {{date2}}<div>',        
        scope: {
        date: '@'
    },
        link: function (scope, elem, attrs) {
            var dateFormat = 'dd/MM/yy HH:mm:ss';        
            scope.date2 = $filter('date')(attrs.date, dateFormat);            
        }
};
}]);

edited May 23, 2016 at 8:06

answered May 23, 2016 at 7:11

P.K.

1,7726 gold badges28 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how use filter date in directive in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related