How to use Luxon with Angular2?

angular typescript momentjs luxon
GrooveRage picture GrooveRage · Dec 28, 2017 · Viewed 7.3k times · Source

I was looking for a library to use with Angular2 to handle dates and make diff/add, translations, etc ... I tried to install Luxon (http://moment.github.io/luxon/) by installing it via npm install --save-dev @types/luxon but it fails.

I always have errors like below when I compile my code:

Module not found: Error: Can't resolve 'luxon' in 'D:\App\src\app\planning-team' resolve 'luxon' in 'D:\App\src\app\planning-team' Parsed request is a module using description file: D:\App\package.json (relative path: ./src/app/planning-team) Field 'browser' doesn't contain a valid alias configuration

Does anyone already use Luxon with Angular ? How do you do ?

Thanks for your help. Regards, Mike

Answer

inorganik picture inorganik · Jul 20, 2018

This worked for me:

npm i luxon

npm i @types/luxon -D

Then your import:

import { DateTime } from 'luxon';

Now you can call const now = DateTime.local() in your Typescript.

Related questions

MomentJs: How to convert string to date in Typescript?

Im implementing Ag Gird in Angular 2. I have a date column and sorting of dates and Ag grid expects type of date in the format only. Thus I had to send it in the form of date for rendering. But …

Read More
Using moment.js in Angular 2 typescript application

I'm struggling in using moment.js library inside an Angular 2 Typescript app. Even after reading the answer to this question I can't get it to work. This is what I did so far: I installed moment.js using npm, so …

Read More
"moment" has no exported member 'default'

I'm using moment.js to change the local date format for my application but getting the following error: "moment" has no exported member 'default' when importing the library. Below is my code: import {Inject, Injectable, Optional} from '@angular/core'; …

Read More