getTime() is not a function

Question

  time = new Date();
  timeEntered1 = new Date();

  getTime() {
    console.log(this.timeEntered1);
    console.log(this.time);
    console.log(this.timeEntered1.getTime());
    console.log(this.time.getTime());
  }

for console.log(this.time.getTime()); I got an error which "is TypeError: this.timeEntered1.getTime is not a function".

time is a simple Date() variable and timeEntered1 is a Date() which the user enter in my html code, and I got it using two way binding. So I do not get why I can use .getTime with time and why I can not with timeEntered1 since they are both a Date().

Here is my html code

  <ion-content padding>
    <ion-datetime  
    displayFormat="HH:mm" 
    [(ngModel)]='timeEntered1' 
    picker-format="HH:mm" 
    >
    Choose time: </ion-datetime>
      <ion-button (click)="getTime()">Pick Time</ion-button>
  </ion-content>

Possible duplicate of [How does the "this" keyword work?](https://stackoverflow.com/questions/3127429/how-does-the-this-keyword-work) — phuzi, Sep 16 '19 at 09:54
console.log(this.timeEntered1) => What is the output of this? — Surjeet Bhadauriya, Sep 16 '19 at 09:55
datepicker which you are using to enter `timeEntered1` from html might be giving you a `string` instead of date show your html code here — jitender, Sep 16 '19 at 09:57
Um... that's not a date. That's a string that looks like it might represent a time. — Robby Cornelissen, Sep 16 '19 at 09:58
Yeah, it is not a date. The date-picker you are using returning a string instead of date. Try a different date-picker. — Surjeet Bhadauriya, Sep 16 '19 at 10:00
yes.. I think ion-datetime always return a string .. idea to pass through ? @SurjeetBhadauriya — YLM, Sep 16 '19 at 10:13

Raphael Pinheiro · Accepted Answer · 2019-09-16T13:45:48.427

1

ion-datetime returns the Date as string. So you do not need to instantiate the var time.

You should convert the Datetime string to Date like this.

ionDateString = '1968-11-16T00:00:00' 
newDate = new Date(dateString);

The ion-datetime is returning the Date in HH:mm format as string, to convert into Date() type try this:

getTime() {
let myDate = new Date(Date.prototype.setHours.apply(new Date(), this.timeEntered1.split(':')));

console.log('CONVERTED', myDate);
}

edited Sep 16 '19 at 13:45

answered Sep 16 '19 at 12:50

Raphael Pinheiro

46
4

I already tried it, but I got Invalid Date if I console.log your newDate – YLM Sep 16 '19 at 12:59
now i see... you want only the hours in the Date format right? try this: let myDate = new Date(Date.prototype.setHours.apply(new Date(), this.timeEntered1.split(':'))); – Raphael Pinheiro Sep 16 '19 at 13:42
Thanks, it works. I still get Property 'split' does not exist on type 'Date'; but it works anyway.. – YLM Sep 16 '19 at 13:57
Just remove the new Date(); from timeEntered1 = new Date(); Type it as string and the error will be gone. – Raphael Pinheiro Sep 16 '19 at 14:03
thanks, now I do not have the error, but I got a Nan value when I console.log ... – YLM Sep 16 '19 at 14:09

getTime() is not a function

1 Answers1