Tìm hiểu đối tượng Date trong Javascript

Minh họa đối tượng date trong javascript

★ Tham khảo: Dịch vụ thiết kế và phát triển website

★ Tham khảo: Khóa học thiết kế, dàn trang của Quốc Bửu Group

★ Tham khảo: Khóa học lập trình website của Quốc Bửu Group

☀ Khái quát về đối tượng Date trong javascript

Date là một đối tượng được dững sẵn chứa thông tin về ngày và giờ, đối tượng Date không có thuộc tính nào, tuy nhiên nó có nhiều phương thức dùng để thiết lập, lấy và xử lý các thông tin về thời gian.

☀ Các phương thức, cách khai báo và sử dụng

1. Phương thức
+ getDate(): Trả về giá trị ngày ( số nguyên từ 1-31) trong tháng
+ getDay(): Trả về giá trị ngày trong tuần (tính từ 0: chủ nhật -  6: thứ bảy)
+ getMonth(): Trả về tháng trong năm (từ 0 - 11)
+ getFullYear(): Trả về giá trị năm 4 số (YYYY)
+ getYear(): Trả về giá trị năm hai số (YY)
+ getHours(): Trả về giờ của hệ thống (từ 0-23)
+ getMinutes(): Trả về phút của hệ thống (từ 0-59)
+ getSeconds(): Trả về giây của hệ thống (từ 0-59)
+ getMilliseconds(): Trả về giá trị millisecond (từ 0-999)
+ setFullYear(): Thiết lập lại năm cho ngày hệ thống 4 số (YYYY)
+ setHours(): Thiết lập lại giờ cho hệ thống ( từ 0-24)
+ setMinutes(): Thiết lập lại phút cho hệ thống ( từ 0-59)
+ setMonth(): Thiết lập lại tháng cho hệ thống ( từ 0-11)
+ setSeconds(): Thiết lập lại giây cho hệ thống (từ 0-59)

2. Cách khai báo

Khai báo và khởi tạo.

var variableName = new Date("month, day, year, hours : minutes : seconds")

var variableName = new Date("month, dd, yyyy, hh:mm:ss")

var variableName = new Date(yy, mm, dd, hh, mm, ss)

var variableName = new Date(yy, mm, dd)

Khai báo theo ngày giờ hiện hành.

var variableName = new Date();

alert(variableName);

VD minh họa về cách sử dụng

var qb = new Date();

document.getElementById("demo").innerHTML = qb;

// Hiển thị ngày giờ hiện tại vào thẻ p có id là demo

var d = new Date(2018, 11, 25, 10, 39, 39, 0);
document.getElementById("demo").innerHTML = d;

//Hiển thị ngày giờ theo format tự cài đặt: Mon Dec 25 2018 10:39:39 GMT+0700 (Giờ Đông Dương)

<div id="dongho"></div>

function getDateTime() {
        var now     = new Date(); 
        var year    = now.getFullYear();
        var month   = now.getMonth()+1; 
        var day     = now.getDate();
        var hour    = now.getHours();
        var minute  = now.getMinutes();
        var second  = now.getSeconds(); 
        if(month.toString().length == 1) {
             month = '0'+month;
        }
        if(day.toString().length == 1) {
             day = '0'+day;
        }   
        if(hour.toString().length == 1) {
             hour = '0'+hour;
        }
        if(minute.toString().length == 1) {
             minute = '0'+minute;
        }
        if(second.toString().length == 1) {
             second = '0'+second;
        }   
        var dateTime = year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second;   
         return dateTime;
}

// example usage: realtime clock
setInterval(function(){
        currentTime = getDateTime();
        document.getElementById("dongho").innerHTML = currentTime;
}, 1000);

//Code tạo đồng hồ điện tử bằng javascript

Video tham khảo đối tượng Date trong Javascript

Chúc các bạn thành công trong công việc !