Định dạng ngày tháng trong JavaScript
- Trong bài hướng dẫn trước, tôi có nói đến việc để tạo một đối tượng ngày tháng thì ta phải sử dụng cấu trúc new Date[] và cấu trúc new Date[] thì được chia làm bốn dạng cú pháp chính:
- Cú pháp 1: new Date[]
- Cú pháp 2: new Date[milliseconds]
- Cú pháp 3: new Date[year, month, day, hours, minutes, seconds, milliseconds]
- Cú pháp 4: new Date[chuỗi ngày tháng]
- Trong bốn cú pháp trên: Cú pháp 1-2-3 thì quá đơn giản và đã được giải thích cụ thể trong bài hướng dẫn trước. Riêng cú pháp thứ tư, cách định dạng một chuỗi ngày tháng hơi phức tạp.
- Do đó, ở bài này, tôi sẽ hướng dẫn cụ thể cách định dạng một chuỗi ngày tháng để sử dụng trong cú pháp new Date[chuỗi ngày tháng]
- Trong JavaScript có bốn kiểu cơ bản để định dạng một chuỗi ngày tháng:
- Short Date
- Long Date
- Full Date
- ISO Date
- Dưới đây là ví dụ minh họa về ngày 12 tháng 3 năm 1974 được định dạng bởi bốn kiểu trên: Kiểu Định dạng Short Date "03/12/1974" Long Date "Mar 12 1974" Full Date "Tue Mar 12 1974" ISO Date "1974-03-12"
1] Short Date
- Một chuỗi ngày tháng được định dạng theo kiểu Short Date sẽ có cấu trúc là:MM/DD/YYYY Ví dụ:
Tạo đối tượng ngày tháng với thời điểm là: ngày 12 tháng 3 năm 1974
var date = new Date["03/12/1974"]; Xem ví dụ
2] Long Date
- Một chuỗi ngày tháng được định dạng theo kiểu Long Date sẽ có cấu trúc là:Month DD YYYY
- Lưu ý:
- Month là tháng được viết theo tên tiếng anh.
[có thể viết đầy đủ như January hoặc viết tắt từ ba ký tự đầu tiên của nó như Jan] - Month và DD có thể hoán đổi vị trí cho nhau.Ví dụ:
Tạo đối tượng ngày tháng với thời điểm là: ngày 12 tháng 3 năm 1974
[Cả bốn đối tượng bên dưới đều như nhau]
var date1 = new Date["March 12 1974"]; var date2 = new Date["12 March 1974"]; var date3 = new Date["Mar 12 1974"]; var date4 = new Date["12 Mar 1974"]; Xem ví dụ
3] Full Date
- Một chuỗi ngày tháng được định dạng theo kiểu Full Date sẽ có cấu trúc là:Day Month DD YYYY
- Lưu ý:
- Day là ngày trong tuần [hay còn gọi là thứ] được viết theo tên tiếng anh.
[có thể viết đầy đủ như Wednesday hoặc viết tắt từ ba ký tự đầu tiên của nó như Wed] - Month là tháng được viết theo tên tiếng anh.
[có thể viết đầy đủ như January hoặc viết tắt từ ba ký tự đầu tiên của nó như Jan]Ví dụ:
Tạo đối tượng ngày tháng với thời điểm là: ngày 12 tháng 3 năm 1974
[Cả hai đối tượng bên dưới đều như nhau]
var date1 = new Date["Tuesday March 12 1974"]; var date2 = new Date["Tue Mar 12 1974"]; Xem ví dụ
4] ISO Date
- Một chuỗi ngày tháng được định dạng theo kiểu ISO Date sẽ có cấu trúc là:YYYY-MM-DD Ví dụ:
Tạo đối tượng ngày tháng với thời điểm là: ngày 12 tháng 3 năm 1974
var date = new Date["1974-03-12"]; Xem ví dụ
5] Thêm thời gian vào chuỗi ngày tháng
- Để thêm thời gian [giờ, phút, giây] vào chuỗi ngày tháng thì ta đặt dấu cách HH:MM:SS vào phía sau chuỗi ngày tháng.
- Riêng kiểu định dạng ISO Date thì ta đặt THH:MM:SS vào phía sau chuỗi ngày tháng.Ví dụ:
Tạo đối tượng ngày tháng với thời điểm là: ngày 12 tháng 3 năm 1974, lúc 9 giờ 30 phút
var date1 = new Date["03/12/1974 09:30:00"]; //Short Date var date2 = new Date["Mar 12 1974 09:30:00"]; //Long Date var date3 = new Date["Tue Mar 12 1974 09:30:00"]; //Full Date var date4 = new Date["1974-03-12T09:30:00"]; //ISO Date Xem ví dụ
6] Chuỗi ngày tháng theo giờ tiêu chuẩn UTC
- Ta có thể thêm chữ Z vào cuối chuỗi ngày tháng để thiết lập chuỗi ngày tháng đó được xác định theo giờ tiêu chuẩn UTC.Ví dụ:
Tạo đối tượng ngày tháng với thời điểm là: ngày 12 tháng 3 năm 1974, lúc 9 giờ 30 phút
[theo giờ tiêu chuẩn UTC]
var date1 = new Date["03/12/1974 09:30:00Z"]; //Short Date var date2 = new Date["Mar 12 1974 09:30:00Z"]; //Long Date var date3 = new Date["Tue Mar 12 1974 09:30:00Z"]; //Full Date var date4 = new Date["1974-03-12T09:30:00Z"]; //ISO Date //Việt Nam trễ hơn giờ tiêu chuẩn 7 tiếng, nên vào thời điểm giờ tiêu chuẩn là 9:30 thì ở Việt Nam sẽ là 16:30 Xem ví dụ
7] Xác định múi giờ cho chuỗi ngày tháng
- Ta có thể thêm múi giờ vào cuối chuỗi ngày tháng để xác định múi giờ của chuỗi ngày tháng đó.Ví dụ:
Tạo đối tượng ngày tháng với thời điểm là: ngày 12 tháng 3 năm 1974, lúc 9 giờ 30 phút
[theo múi giờ của vùng Trung Âu]
var date = new Date["03/12/1974 09:30:00 GMT+0100 [W. Europe Standard Time]"]; //Trung Âu trễ hơn giờ tiêu chuẩn 1 tiếng, Việt Nam trễ hơn giờ tiêu chuẩn 7 tiếng, suy ra Việt Nam trễ hơn Trung Âu 6 tiếng, nên vào thời điểm Trung Âu là 9:30 thì ở Việt Nam sẽ là 15:30 Xem ví dụ Bài 01: Tổng quan về JavaScript Bài 02: Cách sử dụng JavaScript Bài 03: Cách hiển thị dữ liệu ra màn hình trong JavaScript Bài 04: Khái niệm "câu lệnh" và "chương trình" trong JavaScript Bài 05: Nguyên lý thực thi mã lệnh trong JavaScript Bài 06: Cách ghi chú thích trong JavaScript Bài 07: Cách sử dụng biến [Variable] trong JavaScript Bài 08: Biểu thức và các toán tử cơ bản trong JavaScript Bài 09: Toán tử tăng một [++] và Toán tử giảm một [--] Bài 10: Toán tử gán trong JavaScript Bài 11: Kiểu dữ liệu [Data Type] trong JavaScript Bài 12: Toán tử so sánh & Toán tử logic Bài 13: Cách sử dụng hàm [Function] trong JavaScript Bài 14: Cách sử dụng đối tượng [Object] trong JavaScript Bài 15: Tìm hiểu "phạm vi biến" trong JavaScript Bài 16: Cách sử dụng chuỗi trong JavaScript Bài 17: Các phương thức xử lý chuỗi trong JavaScript Bài 18: Biểu thức chính quy [Regular Expression] trong JavaScript Bài 19: Sự kiện [Event] trong JavaScript Bài 20: Số [Number] trong JavaScript Bài 21: Các phương thức xử lý số trong JavaScript Bài 22: Đối tượng Number trong JavaScript Bài 23: Đối tượng toán học Math trong JavaScript Bài 24: Kỹ thuật tạo một số ngẫu nhiên Bài 25: Đối tượng ngày tháng trong JavaScript Bài 26: Cách định dạng chuỗi ngày tháng trong JavaScript Bài 27: Các phương thức xử lý ngày tháng trong JavaScript Bài 28: Tìm hiểu về mảng [Array] trong JavaScript Bài 29: Các phương thức xử lý mảng trong JavaScript Bài 30: Sắp xếp thứ tự các phần tử trong mảng Bài 31: Lệnh điều kiện if ... else trong JavaScript Bài 32: Lệnh Switch Case trong JavaScript Bài 33: Vòng lặp for trong JavaScript Bài 34: Vòng lặp while & do while trong JavaScript Bài 35: Lệnh break & continue trong JavaScript Bài 36: Các lệnh xử lý lỗi [try, catch, throw, finally] trong JavaScript Bài 37: Cách tìm và sửa những câu lệnh bị lỗi trong một chương trình JavaScript Bài 38: Thuật ngữ "Hoisting" trong JavaScript Bài 39: Thiết lập chế độ nghiêm ngặt [Strict Mode] trong việc viết mã lệnh JavaScript Bài 40: Khuôn khổ trình bày mã lệnh JavaScript Bài 41: Một số thủ thuật giúp cải thiện hiệu suất chương trình Bài 42: Từ dành riêng [Reserved Words] JS String [Các phương thức xử lý chuỗi] JS Array [Các phương thức xử lý mảng] JS Date [Các hàm xử lý ngày tháng] JS RegExp [biểu thức chính quy] Đối tượng Location Đối tượng History Đối tượng Navigator | BOM | Đối tượng Screen | BOM | Đối tượng Location | BOM | Đối tượng History | BOM | Đối tượng Navigator | BOM | Phương thức alert[] confirm[] prompt[] trong JavaScript | BOM | Phương thức setTimeout[] và setInterval[] trong Javascript