Trong bài viết này, chúng ta sẽ thảo luận về cách bạn có thể thực hiện các thao tác ngày tháng với một đối tượng JavaScript function addHoursToDate(objDate, intHours) { 0. Cụ thể, chúng ta sẽ xem cách bạn có thể thêm thời gian vào đối tượng function addHoursToDate(objDate, intHours) { 0 và trừ thời gian khỏi đối tượng function addHoursToDate(objDate, intHours) { 0 trong JavaScript
Thông thường, bạn sẽ cần làm việc với ngày và giờ trong JavaScript. May mắn thay, JavaScript cung cấp một đối tượng function addHoursToDate(objDate, intHours) { 0 tích hợp sẵn, cung cấp rất nhiều phương thức tiện ích để quản lý ngày và giờ. Mặc dù các phương thức này thực sự hữu ích để truy xuất các phần tử khác nhau của ngày và giờ, đối tượng function addHoursToDate(objDate, intHours) { 0 không cung cấp bất kỳ phương thức nào mà bạn có thể sử dụng để thao tác ngày tháng. Trong hầu hết các trường hợp, bạn chỉ cần sử dụng các phương thức này để định dạng ngày và giờ cho đầu ra
Trên thực tế, nếu bạn muốn thực hiện các thao tác trên một đối tượng function addHoursToDate(objDate, intHours) { 0 như cộng hoặc trừ thời gian cho một ngày, thì không có cách nào dễ dàng trong vanilla JavaScript. Thông thường, bạn sẽ chỉ thực hiện một giải pháp tùy chỉnh phù hợp với mình. Ngoài ra, bạn có thể sử dụng thư viện ngày và giờ như khoảnh khắc. js. Hôm nay, chúng ta sẽ thảo luận về cả hai cách thực hiện thao tác ngày trong JavaScript
Cách thêm thời gian vào một ngày JavaScript với Vanilla JavaScript
Trong phần này, chúng ta sẽ thảo luận về cách bạn có thể thêm thời gian vào một đối tượng JavaScript function addHoursToDate(objDate, intHours) { 0 trong vanilla JavaScript
Trong JavaScript, hàm function addHoursToDate(objDate, intHours) { 7 trả về số mili giây kể từ thời gian Unix epoch. Đó chỉ là quy ước thời gian của máy tính đếm số giây (mili giây trong JavaScript) kể từ nửa đêm UTC ngày 1 tháng 1 năm 1970
Hãy cố gắng hiểu cách bạn có thể sử dụng hàm function addHoursToDate(objDate, intHours) { 7 để thêm thời gian vào đối tượng function addHoursToDate(objDate, intHours) { 0 trong JavaScript. Trong ví dụ sau, chúng tôi sẽ thêm một giờ vào đối tượng function addHoursToDate(objDate, intHours) { 0 hiện có
1var currentDateObj = new Date(); 2var numberOfMlSeconds = currentDateObj.getTime(); 3var addMlSeconds = 60 * 60 * 1000; 4var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
Kết quả
var currentDateObj = new Date(); 01
var currentDateObj = new Date(); 02
Đầu tiên, chúng ta đã khởi tạo biến var currentDateObj = new Date(); 03 với ngày hiện tại và đó là một đối tượng function addHoursToDate(objDate, intHours) { 0. Tiếp theo, chúng ta đã sử dụng hàm function addHoursToDate(objDate, intHours) { 7 để lấy số mili giây từ đối tượng var currentDateObj = new Date(); 03
Tiếp theo, chúng tôi đã tính số mili giây trong một giờ. Về cơ bản, chúng ta vừa nhân số phút trong một giờ (60) với số giây trong một phút (60) với số mili giây trong một giây (1000) để có được số mili giây trong một giờ
Như bạn có thể đã biết, bạn có thể khởi tạo một đối tượng function addHoursToDate(objDate, intHours) { 0 bằng cách cung cấp số mili giây làm đối số đầu tiên và điều này sẽ khởi tạo một đối tượng ngày trong tham chiếu đến nó. Do đó, chúng tôi đã thêm var currentDateObj = new Date(); 08 và var currentDateObj = new Date(); 09 để có được tổng số mili giây và chúng tôi đã sử dụng nó để khởi tạo một đối tượng ngày mới. Và kết quả cuối cùng là đối tượng var currentDateObj = new Date(); 10, đối tượng này sẽ hiển thị ngày trước một giờ so với đối tượng var currentDateObj = new Date(); 03
Trên thực tế, bạn có thể tiếp tục và tạo một chức năng có thể tái sử dụng, như trong đoạn mã sau
10_______2var currentDateObj = new Date(); 1_______15_______var currentDateObj = new Date(); 3412_______5var currentDateObj = new Date(); 6var currentDateObj = new Date(); 7_______12_______8var currentDateObj = new Date(); 920
Đây là cách bạn có thể gọi nó để lấy, ví dụ, một ngày chính xác vào một ngày trong tương lai
122
Kết quả
var currentDateObj = new Date(); 12
Vì vậy, đó là cách bạn có thể sử dụng hàm function addHoursToDate(objDate, intHours) { 7 để thêm thời gian vào đối tượng Ngày trong JavaScript. Bạn cũng có thể sử dụng hàm trên để thêm số ngày vào đối tượng Ngày hiện có;
Cách trừ thời gian từ một ngày JavaScript với Vanilla JavaScript
Trong phần này, chúng ta sẽ xem cách bạn có thể trừ thời gian từ một đối tượng JavaScript function addHoursToDate(objDate, intHours) { 0
Như chúng ta đã thảo luận trong phần trước, bạn có thể sử dụng hàm function addHoursToDate(objDate, intHours) { 7 để lấy số mili giây từ một đối tượng function addHoursToDate(objDate, intHours) { 0. Và do đó, logic trừ thời gian từ một đối tượng function addHoursToDate(objDate, intHours) { 0 rất giống với thao tác thêm, ngoại trừ việc chúng ta cần trừ mili giây thay vì cộng chúng
Hãy xem qua ví dụ sau để xem nó hoạt động như thế nào
113_______42var currentDateObj = new Date(); 13var currentDateObj = new Date(); 3414_______0var currentDateObj = new Date(); 6var currentDateObj = new Date(); 7var currentDateObj = new Date(); 8var currentDateObj = new Date(); 920
Như bạn có thể thấy, nó gần giống với thao tác thêm. Sự khác biệt duy nhất là chúng tôi đang trừ var currentDateObj = new Date(); 09 từ var currentDateObj = new Date(); 08 thay vì thêm
Cách sử dụng khoảnh khắc. js để thực hiện thao tác ngày
Trong phần trước, chúng ta đã thảo luận về cách bạn có thể sử dụng vanilla JavaScript để thực hiện thao tác ngày và giờ. Nếu bạn không yêu cầu bất kỳ thao tác phức tạp nào với đối tượng JavaScript function addHoursToDate(objDate, intHours) { 0, bạn có thể sống với việc triển khai JavaScript vanilla. Mặt khác, nếu dự án của bạn yêu cầu bạn thực hiện các loại thao tác ngày và giờ khác nhau, thì tốt hơn là sử dụng thư viện của bên thứ ba có thể giúp bạn thực hiện mọi việc dễ dàng hơn
Ngày và giờ có thể phức tạp một cách đáng ngạc nhiên. Ví dụ: hãy nghĩ về việc thêm một số năm vào một ngày bằng cách sử dụng phương pháp trên. Sẽ thật dễ dàng nếu năm nào cũng dài bằng nhau. Tuy nhiên, trong thế giới thực, chúng ta có những năm nhuận. Tương tự, nếu bạn muốn thêm một số tháng vào một ngày, bạn sẽ phải biết mỗi tháng có bao nhiêu ngày.
Trong phần này, chúng ta sẽ xem cách bạn có thể sử dụng Khoảnh khắc. js, cung cấp rất nhiều phương thức tiện ích để thao tác với một đối tượng JavaScript function addHoursToDate(objDate, intHours) { 0. Hãy tiếp tục và tải xuống Khoảnh khắc. js và bạn đã sẵn sàng sử dụng nó
Bạn có thể kiểm tra Khoảnh khắc. js trong CodePen này
1var numberOfMlSeconds = currentDateObj.getTime(); 72var numberOfMlSeconds = currentDateObj.getTime(); 93432var currentDateObj = new Date(); 634var currentDateObj = new Date(); 7var currentDateObj = new Date(); 9373839var addMlSeconds = 60 * 60 * 1000; 0var addMlSeconds = 60 * 60 * 1000; 1var addMlSeconds = 60 * 60 * 1000; 2var addMlSeconds = 60 * 60 * 1000; 3var addMlSeconds = 60 * 60 * 1000; 4var addMlSeconds = 60 * 60 * 1000; 5var addMlSeconds = 60 * 60 * 1000; 6var addMlSeconds = 60 * 60 * 1000; 7var addMlSeconds = 60 * 60 * 1000; 8var addMlSeconds = 60 * 60 * 1000; 940414243444546474849var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 0var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 1var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 2var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 3var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 4var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 5var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 6var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 7var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 8var newDateObj = new Date(numberOfMlSeconds + addMlSeconds); 910111213141516171819
Bạn chỉ cần gọi hàm var currentDateObj = new Date(); 22 để lấy đối tượng ngày hiện tại. Khi bạn nhận được nó, bạn có thể sử dụng các phương pháp phân tích cú pháp khác nhau để định dạng và các phương thức thao tác để thao tác đối tượng ngày hiện tại
Bạn có thể sử dụng CodePen bên dưới để thử nghiệm các phương pháp tiện ích Khoảnh khắc khác nhau và cách cộng hoặc trừ ngày tháng. Để biết thêm thông tin, tôi khuyên bạn nên truy cập trang web chính thức
Vì vậy, đó là cách bạn có thể sử dụng Khoảnh khắc. thư viện js để định dạng và thao tác ngày tháng
Phần kết luận
Hôm nay, chúng ta đã thảo luận về cách bạn có thể thực hiện thao tác ngày với đối tượng Ngày trong JavaScript. Ngoài JavaScript cơ bản, chúng tôi cũng khám phá Khoảnh khắc. js, cung cấp các cách khá dễ dàng để thực hiện các thao tác ngày tháng