Ionic ion-datetime - default it to the date and time with the timezone of the user's device

Question

I'm using Ionic 3. I used ion-datetime component:

myDate: String = new Date().toISOString();

<ion-datetime displayFormat="HH:mm" pickerFormat="HH:mm" [(ngModel)]="myDate"></ion-datetime>

I want to have today's date that depends on the timezone of the user device. Unfortunately new Date().toISOString() always returns the GMT one. any advises how to this properly ?

score 5 · Answer 1 · answered Nov 30 '17 at 08:38

5

If you use toLocalString() it gives you the following format MM/DD/YYYY, HH:MM:SS A

If you need the a ISO 8601 format consider using the below code:

mydate: String = (new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().slice(0, -1);

answered Nov 30 '17 at 08:38

Mario Shtika

1,436
19
31

I don't know if is there any other prototype function to achieve the same result. For now this is what I am using. – Mario Shtika Nov 30 '17 at 14:15

score 1 · Accepted Answer · answered Aug 09 '17 at 00:23

1

try using the toLocaleString() function of the Javascript Date Object.

 myDate: String = new Date().toLocaleString();

Hope this helps.

answered Aug 09 '17 at 00:23

Gopalkrishna Narayan Prabhu

639
6
8

Using ISO format give us a difference of hours, each browser would do something different. In my case I had a difference of 5 hours (16/12/17 02:00 would be 16/12/17 07:00). – Daniel Delgado Dec 16 '17 at 07:03
@Daniel Eduardo Delgado Diaz the question was to get a users local date string hence I provided the solution. – Gopalkrishna Narayan Prabhu Jan 16 '18 at 18:45

score 1 · Answer 3 · answered Dec 16 '17 at 07:05

1

Open console at root proyect and install moment: npm install moment --S.
Import moment in component file: import moment from 'moment';.
Set value of model variable: this.myDate = moment().format().

Check this post for more details: https://stackoverflow.com/a/47843362/7829826

answered Dec 16 '17 at 07:05

Daniel Delgado

4,813
5
40
48

Very good solution thank you @Daniel. BTW what does --s do in npm ? – Melchia Dec 16 '17 at 14:13
1

Hi! It's the same than --save, it indicates to npm to save the library we are installing in package.json – Daniel Delgado Dec 16 '17 at 17:53
Thank you xD I didn't know there was a shortcut for that – Melchia Dec 16 '17 at 17:57

Ionic ion-datetime - default it to the date and time with the timezone of the user's device

3 Answers3