Directive to format date in angularjs?

Question

I have a span in ng-repeat as follows:

span(humanize-date="{{file.date}}"

I'm to create a directive so that, directive changes the date format

directive('humanizeDate', [
  function() {
    return {
      restrict: 'EA',
      template: '<div value="{{formattedDate}}"/>',
      replace: true,
      scope: {
        formattedDate: '=humanizeDate'
      },
      link: function(scope, elem, attrs) {
        return scope.formatedDate = moment.duration(scope.humanizeDate).humanize();
      }
    };
  }
]);

alvarodoune · Accepted Answer · 2015-07-29 20:51:48Z

1

just use:

<span ng-non-bindable>{{1288323623006 | date:'medium'}}</span>

here is more information about https://docs.angularjs.org/api/ng/filter/date

hope to help

answered Jul 29, 2015 at 20:51

alvarodoune

94110 silver badges13 bronze badges

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

Comments

Pankaj Parkar · Accepted Answer · 2015-07-29 20:07:35Z

0

You should not use {{}} while you are using = inside your directive which indicated two way binding.

It should be direct variable reference rather than {{}}

span(humanize-date="file.date"

OR

Other way would be you could use @ in your directive isolated scope as your are giving {{}} with expression to attribute which indicated one way binding.

scope: {
  formattedDate: '@humanizeDate'
},

answered Jul 29, 2015 at 20:07

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

1 Comment

Pankaj Parkar Over a year ago

@user3840211 does it helped you?

Collectives™ on Stack Overflow

Directive to format date in angularjs?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related