Hello,
I have the following need: the end-user should input a datetime in a field that is empty. Thanks to the business logic, this datetime can be suggested by the app. So what I would like to do is that clicking on the empty field displays the suggested datetime in both the field and the ion-datetime component.
Here is my code:
In HTML
<ion-datetime displayFormat='YYYY-MM-DD HH:mm'
pickerFormat='YYYY-MM-DD HH:mm'
text-center
(click)="init_worked_time()"
[(ngModel)]='worked_time'>
</ion-datetime>
In Typescript
init_worked_time() {
if (this.worked_time == undefined) {
if (this.times.start_time != 0) {
let tzoffset = (new Date()).getTimezoneOffset() * 60000;
this.worked_time = moment(this.times.start_time).subtract(tzoffset, 'milliseconds').toISOString().slice(0, -1);
}
}
}
The problem is that the suggested value is well displayed in the field after clicking on it but the ion-datetime component shows the current UTC time (even not local timeā¦)
Is there any better approach for such need? Or maybe is there any possibility to update programmatically the displayed value of the ion-datetime component?
Thanks!