I have an error written. I follow from the course one by one. For your information, the course that ongoing is using Ionic 4. And now i am using Ionic 6.
My question is how to solve the error ?
TypeError: Cannot destructure property ‘month’ of ‘parseDate(…)’ as it is undefined.
This is the .html page that using the “ion-datetime”
Summary
{{selectedPlace.title}} First Name<ion-row>
<ion-col size-sm="6" offset-sm="3"></ion-col>
<ion-item>
<ion-label position="floating">Last Name</ion-label>
<ion-input type="text" ngModel name="last-name" required></ion-input>
</ion-item>
</ion-row>
<ion-row>
<ion-col size-sm="6" offset-sm="3" ></ion-col>
<ion-item>
<ion-label position="floating">Number of Guest</ion-label>
<ion-select ngModel="'2'" name="guest-number">
<ion-select-option value="1">1</ion-select-option>
<ion-select-option value="2">2</ion-select-option>
<ion-select-option value="3">3</ion-select-option>
</ion-select>
</ion-item>
</ion-row>
From
<ion-datetime
displayFormat="MMM DD YYYY"
#startDateCtrl="ngModel"
ngModel
name="date-from"
required
[min]="selectedPlace.availableFrom.toISOString()"
[max]="selectedPlace.availableTo.toISOString()"
></ion-datetime>
</ion-item>
</ion-row>
<ion-row>
<ion-item>
<ion-label position="stacked">To</ion-label>
<ion-datetime
display-format="MMM DD YYYY"
ngModel
name="date-to"
required
[min]="startDateCtrl.value"
[max]="selectedPlace.availableTo.toISOString()"
></ion-datetime>
</ion-item>
</ion-row>
<ion-row>
<ion-col size-sm="6" offset-sm="3">
<ion-button type="submit" color="primary" (click)="onBookPlace()" expand="block">
Book!
</ion-button>
</ion-col>
</ion-row>
</ion-grid>