ionic3: การใช้งานตัวแปร Date

  1. อ่านค่า Date() มาเก็บไว้ในตัวแปรสตริง แล้วเอาไปแสดงผล
  2. อ่านค่า วัน เดือน ปี
  3. ปรับเวลาตาม TimeZone
  4. ปรับแต่ง format การแสดงผล

1. อ่านค่า Date() มาเก็บไว้ในตัวแปรสตริง แล้วเอาไปแสดงผล

src/pages/home/home.html

src/pages/home/home.ts

ผลลัพธ์

Fri Jul 06 2018 16:35:50 GMT+0700 (Indochina Time)
2018-07-06T09:35:50.271Z
2018-07-06T09:35:50.271

บรรทัดที่ 3: เวลาไม่มี z ต่อท้าย

ได้ผลลัพธ์เวลาออกมาละ แต่เวลายังไม่ถูกต้องเนื่องจากยังไม่ได้ปรับ TimeZone

2. อ่านค่า วัน เดือน ปี

src/pages/home/home.ts

ผลลัพธ์ ทดสอบวันที่ 6 กรกฏาคม 2018

this.nbDate:  6
this.nbMonth:  7
this.stMonth:  Jul
this.nbYear:  2018

3. ปรับเวลาตาม TimeZone

src/pages/home/home.ts

ผลลัพธ์

2018-07-06T09:45:22.738
2018-07-06T16:45:22.740

ได้ผลลัพธ์เวลาออกมาถูกต้องละ

4. ปรับแต่ง format การแสดงผล

src/app/app.module.ts

src/pages/home/home.ts

บรรทัดที่ 23-24: datePipe.transform() รับอินพุทเป็น string และผลลัพธ์ก็เป็น string

ผลลัพธ์

2018-07-06T16:57:39.445Z
2018 Jul 06 23:57:39
2018-07-06

ได้ผลลัพธ์เวลาออกมาตามฟอร์แมตละ

Display and Picker Formats

Format Description Example
YYYY Year, 4 digits 2018
YY Year, 2 digits 18
M Month 112
MM Month, leading zero 0112
MMM Month, short name Jan
MMMM Month, full name January
D Day 131
DD Day, leading zero 0131
DDD Day, short name Fri
DDDD Day, full name Friday
H Hour, 24-hour 023
HH Hour, 24-hour, leading zero 0023
h Hour, 12-hour 112
hh Hour, 12-hour, leading zero 0112
a 12-hour time period, lowercase am pm
A 12-hour time period, uppercase AM PM
m Minute 159
mm Minute, leading zero 0159
s Second 159
ss Second, leading zero 0159
Z UTC Timezone Offset Z or +HH:mm or -HH:mm

Link