IMG-LOGO
×

Tài Liệu Học

Khoá học lập trình Javascript

Khai báo biến & hàm mặc định trong Javascript

[Video] Tạo dự án JS đầu tiên - Lập Trình JS [Video] Khai báo biến - toán tử - Lập Trình JavaScript [Video] Các hàm sẵn có trong js - Khoá Học Lập Trình JS

Mệnh đề điều kiện

[Video] Cấu trúc điều kiện if else switch - Lập trình Javascript

Vòng lặp for, while, do..while

[Video] Tìm hiểu vòng lặp for, while, do .. while trong Javascript

Array & Function & Object

[Video] Tìm hiểu Function trong Javascript [Video] Tìm hiểu Array trong Javascript [Video] Khai báo Object trong Javascript [Video] Gửi giữ liệu qua các trang html bằng javascript - HTML/CSS [Video] Bài tập - ôn tập mảng - quản lý sinh viên - Lập trình Javascript [Video] Khai báo function trong Object - Lập trình Javascript [Video] Tìm hiểu function trong string - Lập trình Javascript

Xử lý sự kiện & thao tác thẻ HTML

[Video] Event - Lập Trình JS [Video] Tương tác lên tags trong HTML bằng JS [Video] Thêm tags vào tags khác bằng javascript + ví du thêm sinh viên - lập trình JS [Video] Tương tác thẻ HTML bằng Javascript qua ví dụ đặt đơn hàng (Order Entry Form) [Video] Bài tập - Quản lý sản phẩm bằng javascript - lập trình javascript [Video] Quản lý sinh viên - Lập trình Javascript

Lưu trữ Javascript

[Video] Cookie - khoá học lập trình JavaScript [Video] Localstorage - Khoá học lập trình JavaScript [Video] Lưu trữ thông tin sinh viên bằng LocalStorage - Lập trình Javascript

Examination & Ôn Tập Tổng Quát

1000 Bài tập JavaScript - Lập Trình JavaScript




Trang Chủ Học JS JavaScript Date Formats - Các định dạng thời gian trong JavaScript

JavaScript Date Formats - Các định dạng thời gian trong JavaScript

by GokiSoft.Com - 16:27 19/05/2020 2,499 Lượt Xem

Nhập vào thời gian JavaScript(JavaScript Date Input)


Đại khái có 3 kiểu định dạng nhập vào thời gian JavaScript:

KiểuVí dụ
ISO Date"2015-03-25" (Tiêu chuẩn quốc tế)
Short Date"03/25/2015"
Long Date"Mar 25 2015" or "25 Mar 2015"

Tip: Định dang ISO theo một chuẩn chặt chẽ trong JavaScript.

Các định dạng khác không tốt cho việc xác định trong và có thể phải được trình duyệt chuyên xử lý. 



Xuất thời gian JavaScript(JavaScript Date Output)


Không phụ thuộc vào đầu vào, JavaScript sẽ (mặc định) xuất ra thời gian trong một định dạng chuỗi văn bản đầy đủ:

Wed Mar 25 2015 07:00:00 GMT+0700 (Indochina Time)



Các kiểu thời gian ISO JavaScript


ISO 8601 là một tiêu chuẩn quốc tế cho sự đại diện của thời gian.

ISO 8601 cú pháp (YYYY-MM-DD) cũng được yêu thích trong định dạng thời gian JavaScript


ví dụ 

var d = new Date("2015-03-25");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


Tip: Sự tính toán thời gian sẽ liên quan đến vùng thời gian của bạn.

Phụ thuộc vào vùng thời gian của bạn, kết quả bên trên sẽ khác nhau giữa 24 tháng 3 và 25 tháng 3.



Thời gian ISO (Năm và tháng)


Thời gian ISO có thể được viết khi không xác định ngày cụ thể (YYYY-MM):

ví dụ

var d = new Date("2015-03");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03"); 
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


Tip: Vùng thời gian sẽ làm thay đổi kết quả trên, giữa 28 tháng 2 và 1 tháng 3.



Thời gian ISO (Chỉ riêng năm)


Thời gian ISO có thể được viết không có tháng hoặc ngày (YYYY):

ví dụ

var d = new Date("2015");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p id="demo"></p>

<script>
var d = new Date("2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


Tip: Vùng thời gian sẽ làm thay đổi kết quả trên, giữa 31 tháng 12 2014 và 01 tháng 1 2015.



Thời gian ISO(ngày-giờ)


Các thời gian ISO có thể viết thêm với giờ, phút, và giây (YYYY-MM-DDTHH:MM:SSZ):

ví dụ

var d = new Date("2015-03-25T12:00:00Z");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p>Separate date and time with a capital T.</p>

<p>Indicate UTC time with a capital Z.</p>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25T12:00:00Z");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


Ngày và giờ được chia cắt bởi một chữ T hoa.

Thời gian UTC xác định với một chữ Z hoa.

Nếu bạn muốn thay đổi quan hệ thời gian thành UTC, bỏ chữ Z và thêm +HH:MM hay -HH:MM thay thế:

ví dụ

var d = new Date("2015-03-25T12:00:00-06:30");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p>Modify the time relative to UTC by adding +HH:MM or subtraction -HH:MM to the time.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
new Date("2015-03-25T12:00:00-06:00");
</script>

</body>
</html>


Tip: UTC(Universal Time Coordinated) giống với GMT (Greenwich Mean Time).

Bỏ T hoặc Z trong chuỗi ngày-giờ có thể dẫn đến các kết quả khác nhau trong các trình duyệt khác nhau.



Các vùng thời gian


Khi cài đặt một thời gian, khi không xác định vùng thời gian, JavaScript sẽ dùng vùng thời gian của trình duyệt.

Khi lấy một thời gian, khi không xác định vùng thời gian, kết quả sẽ bị chuyển thành vùng thời gian của trình duyệt.

Nói cách khác: nếu một ngày/giờ được tạo ra dang GMT, ngày/giờ sẽ bị chuyển đổi sang CDT(Central US Daylight Time) nếu trình duyệt người dùng đến từ trung tâm US.



Thời gian kiểu Short JavaScript(JavaScript Short Dates)


Kiểu thời gian short được viết với một cú pháp "MM/DD/YYYY" như này:

ví dụ

var d = new Date("03/25/2015");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
var d = new Date("03/25/2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>



Các cảnh báo !


Trong một số trình duyệt, các tháng hoặc ngày với số không bắt đầu có thể dẫn đến một lỗi:

var d = new Date("2015-3-25");


Dạng "YYYY/MM/DD" không được xác định.

Một vài trình duyệt sẽ cố gắng để suy đoán định dạng. Một vài sẽ trả về NaN.

var d = new Date("2015/03/25");


Dạng "DD-MM-YYYY" cũng không được xác định

Một vài trình duyệt cũng sẽ cố gắng để suy đoán định dạng. Một vài sẽ trả về NaN.

var d = new Date("25-03-2015");



Kiểu thời gian Long JavaScript


Các kiểu Long thường được viết nhiều nhất với một cú pháp "MMM DD YYYY" như này:

ví dụ

var d = new Date("Mar 25 2015");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
var d = new Date("Mar 25 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


Tháng và ngày có thể ở bất kì thư tự nào:

ví dụ

var d = new Date("25 Mar 2015");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
var d = new Date("25 Mar 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


Và, tháng có thể được viết đầy đủ (January), hoặc tắt (Jan):

ví dụ

var d = new Date("January 25 2015");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
var d = new Date("January 25 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


ví dụ

var d = new Date("Jan 25 2015");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
var d = new Date("Jan 25 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


Dấu phẩy bị bỏ qua. Tên thì phân biệt hoa thường:

ví dụ

var d = new Date("JANUARY, 25, 2015");
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
var d = new Date("JANUARY, 25, 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>



Nhập thời gian - Ép kiểu thời gian


Nếu bạn có một chuỗi thời gian hợp lệ, bạn có thể sự dụng phương thức Date.parse() dể chuyển đổi thành mili gây.

Date.parse() trả về số của mili giây giữa thời gian đó và tháng 1, 1, 1970:

ví dụ

var msec = Date.parse("March 21, 2012");
document.getElementById("demo").innerHTML = msec;
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Date.parse()</h2>

<p>Date.parse() returns the number of milliseconds between the date and January 1, 1970:</p>

<p id="demo"></p>

<script>
var msec = Date.parse("March 21, 2012");
document.getElementById("demo").innerHTML = msec;
</script>

</body>
</html>


Bạn có thể sau đó sử dụng số của mili giây để chuyển đổi nó thành một đối tượng thời gian:

ví dụ

var msec = Date.parse("March 21, 2012");
var d = new Date(msec);
document.getElementById("demo").innerHTML = d;
<!DOCTYPE html>
<html>
<body>

<p>Date.parse(string) returns milliseconds.</p>
<p>You can use the return value to convert the string to a date object:</p>

<p id="demo"></p>

<script>
var msec = Date.parse("March 21, 2012");
var d = new Date(msec);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>






Bình luận



Chia sẻ từ lớp học

Phân Loại Bài Viết

Tài Liệu Tham Khảo

Đã sao chép!!!