Converting the timestamp into date object in Angular Typescript

Question

I'm new to Angular 2.0 and have been working on new things to learn it. Since this is very common problem which I have seen, after reading a lot of answers I still did not reach to my solution. My problem is I'm trying to put the date object in the interface which contains certain elements. After trying to enter the date object still I'm getting the error.

MyCode shown below:

export class Lesson {
    id: number
    name: string
    image_url: string
    start_time: Date
    end_time: Date
}

In my typescript I'm trying to enter the dummy data, for every elements it is fine but when it comes to start_time and end_time it is giving me this error always : Unexpected token. A constructor, method, accessor, or property was expected.

The code goes like this in my typescript file :

export class MyClassesComponent implements OnInit {

  var date = '2017-11-27T09:10:00';
  var time = new Date(date);

 lesson : Lesson = {id: 10, name: "Test Lesson", image_url: "abc", start_time: time, end_time: time}

 constructor() { }

 ngOnInit() {
 }

}

Since I've tried a lot and tried these things also which is not fruitful :

var date = '2017-11-27T09:10:00';
Date time = new Date(date);

for this I got something like this :

Class 'MyClassesComponent' incorrectly implements interface 'OnInit'. Property 'ngOnInit' is missing in type 'MyClassesComponent'.

Please treat me as a learner and help. Since I've tried but don't know how to tackle this. Any help would be highly appreciated. Thanks.

Note: Since this code has to work in the typescript itself I'm working on it right now. So need help in this section only.

Another point for those who might think the problem must be due to the importing stuff. For this I've already done my homework and everything is imported, it is just that I have to pass the date object in the start_time and end_time. import {Component, OnInIt} from '@angular/core'

Have you check the import ? I think you should have something like that : import { OnInit } from '@angular/core'; — dtlvd
– dtlvd, Commented Nov 27, 2017 at 10:13
Everything is fine importing and all is done correctly it is just that I need to pass the date object to the start_time and end_time in the array — Alok
– Alok, Commented Nov 27, 2017 at 10:16

dtlvd · Accepted Answer · 2018-03-26 10:30:46Z

3

First fo all you shouldn't use var inside of a class declaration in TypeScript. You are only declaring which field can be populated, setting attributes on an instance. Second of all you shouldn't use var at all, use let or const instead. A more proper code should be:

export class MyClassesComponent implements OnInit {

    date = '2017-11-27T09:10:00';
    time = new Date(date);

    lesson : Lesson = {id: 10, name: "Test Lesson", image_url: "abc", start_time: time, end_time: time}

    constructor() { }

    ngOnInit() { }

}

See if that fixes your problem because your error says you implement OnInit incorrectly (onInit is a kind of pseudo-constructor), and it seems to be implemented ok.

I think it would help you a lot if you finished some TypeScript introduction tutorial first, I know I was confused by Angular a lot in the beginning, because I didn't know if the think I was learning was Angular specific or just ES6 syntax.

edited Mar 26, 2018 at 10:30

dtlvd

4531 gold badge8 silver badges21 bronze badges

answered Nov 27, 2017 at 10:18

niedzwiedzwo

1261 silver badge9 bronze badges

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

2 Comments

Alok Over a year ago

I have used the let and the error remains the same.

Alok Over a year ago

Saw that, thank you so much. It resolved my problem.

Collectives™ on Stack Overflow

Converting the timestamp into date object in Angular Typescript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related