How to use datepipe outside of a component.ts in angular?

Question

I have a typescript file used to export some constant variables (export const). I would like to use datepipe to format date in the ts file, but I do not know how to add service to use datepipe in a non component ts file.

For example:

export const dateObject = [
  {
    value: {
      start: new Date(),
      end: new Date().setFullYear(new Date().getFullYear() + 10),
    },
    title: 'Ten Years Later'
  }
];

How can I make datepipe.transform(, 'yyyy-MM-dd') work in this typescript?

Thank you!!

Does this answer your question? [Angular - Use pipes in services and components](https://stackoverflow.com/questions/35144821/angular-use-pipes-in-services-and-components) — R. Richards, Nov 30 '21 at 23:17
not really, I know how to use datepipe in export class. But I would like to know how to use a service in export const. — WenliL, Nov 30 '21 at 23:21
@WenliL That distinction is not relevant: to use a pipe virtually anywhere outside a template, you just import it and call its `.transform()` method. — msanford, Nov 30 '21 at 23:32

score 1 · Answer 1 · answered Dec 01 '21 at 05:39

1

new DatePipe(navigator.language || 'en-US').transform(new Date(), 'yyyy-MM-dd')

answered Dec 01 '21 at 05:39

prashant Jha

221
1
7

Damian · Accepted Answer · 2021-12-01T11:14:23.917

0

import { DatePipe } from '@angular/common';

export const dateObject = [{
  value: {
    start: new DatePipe('en-US').transform(new Date(), 'yyyy-MM-dd'),
    end: new Date().setFullYear(new Date().getFullYear() + 10),
  },
  title: 'Ten Years Later',
}];

edited Dec 01 '21 at 11:14

answered Nov 30 '21 at 23:29

Damian

1,084
3
14
26

got error: An argument for 'locale' was not provided. – WenliL Dec 01 '21 at 00:39
DatePipe() function expects a 'locale' string argument that needs to be passed with it. Adding a locale value will resolve the error. Here's the fix - new DatePipe('en-US') – Pushpak Dec 01 '21 at 01:45
Please see the updated answer. As pointed by @Pushpak, you need to provide the locale. – Damian Dec 01 '21 at 11:15
Thank you! It works. – WenliL Dec 01 '21 at 17:58

How to use datepipe outside of a component.ts in angular?

2 Answers2