date.getDate is not a function Typescript

Question

I have 3 input controls two date type and one is number, what i wanna to do is get the date from 1st control and no. of days from other controls add them both and assign it to third date control in typescript. but i gives me error here is my code:

activeFrom: Date;
activeNoDays: number;

    //UpdateExpiry Function is called by textbox event
        updateExpiry=():void =>{
             this.gDetailDS = this.gDetailForm.value;
            console.log("Expiry days:"+this.gDetailDS.activeNoDays);
            console.log (this.addDays(this.gDetailDS.activeFrom,this.gDetailDS.activeNoDays))
          }

          addDays(date: Date, days: number): Date {
            console.log('adding ' + days + ' days');
            console.log(date);
            date.setDate(date.getDate() + days);
            console.log(date);
            return date;
          }

Here is HTML Controls:

<input
     id="txtActivateFrom"
     type ="date"
     min="rdMinDate"
     formControlName="activeFrom"
     class="form-control"
     value="{{ this.gDetailDS.activeFrom | date:'yyyy-MM-dd' }}"
     displayFormat="yyyy-MM-dd"
     useValueAsDate />

<input  type="number"
        formControlName="activeNoDays" class="form-control"
        (change)="updateExpiry()"/>

console Messages:

Expiry days:25
adding 25 days
2019-07-12

I have tried everthing but still getting this issue :

ERROR TypeError: date.getDate is not a function

link: screenshot of error appear on browser console

from stackoverflow.com/a/45485198/8155 "you might be missing the type definition" — Amy B
– Amy B, Commented Jul 12, 2019 at 13:18
What does typeof this.gDetailDS.activeFrom return? Because I suspect it is a string. — Silvermind
– Silvermind, Commented Jul 12, 2019 at 13:20
Please do a console log to confirm this.gDetailDS.activeFrom is actually a date — skolldev
– skolldev, Commented Jul 12, 2019 at 13:20
You already have a console.log(date), what does it say? Does it look like Date 2019-07-12T13:24:29.059Z ? — Gilsido
– Gilsido, Commented Jul 12, 2019 at 13:25

LeBavarois · Accepted Answer · 2019-07-12 13:29:15Z

24

I once had a similar problem when getting dates from a web API. I solved it by creating a new Date object.

So your function call could look like this:

this.addDays(new Date(this.gDetailDS.activeFrom),this.gDetailDS.activeNoDays)

answered Jul 12, 2019 at 13:29

LeBavarois

1,2382 gold badges17 silver badges27 bronze badges

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

1 Comment

JWallace Over a year ago

Although this is a correct answer it doesn't actually explain why. Sometimes when we do operations on dates they get converted back into a number in JavaScript. We simply must make sure these are converted back to Date before passing them to another function

Stevenfowler16 · Accepted Answer · 2019-07-12 14:34:24Z

9

You need to create the Date object before trying to pass it into the addDays function. Input.value of type="date" will return a string representation and not a date object.

If this is received over the wire via JSON you will also still need to create the date object when doing JSON.Parse()

fiddle: https://jsfiddle.net/o7y6u2zL/4/

let date = document.getElementById("start");
console.log(date.value);
console.log(typeof date.value);
let realDateObject = new Date(date.value);
console.log(typeof realDateObject)

<label for="start">Start date:</label>

<input type="date" id="start" name="trip-start"
       value="2018-07-22"
       min="2018-01-01" max="2018-12-31">

answered Jul 12, 2019 at 14:34

Stevenfowler16

1,0201 gold badge10 silver badges22 bronze badges

Collectives™ on Stack Overflow

date.getDate is not a function Typescript

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related