Javascript thêm giờ đến nay

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ó

1
var currentDateObj = new Date();
2
var numberOfMlSeconds = currentDateObj.getTime();
3
var addMlSeconds = 60 * 60 * 1000;
4
var 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

1
0_______
2
var currentDateObj = new Date();
1_______15_______
var currentDateObj = new Date();
3
4
12_______5
var currentDateObj = new Date();
6
var currentDateObj = new Date();
7_______12_______8
var currentDateObj = new Date();
9
2
0

Đâ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

1
2
2

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

1
13_______4
2
var currentDateObj = new Date();
1
3
var currentDateObj = new Date();
3
4
14_______0
var currentDateObj = new Date();
6
var currentDateObj = new Date();
7
var currentDateObj = new Date();
8
var currentDateObj = new Date();
9
2
0

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

1
var numberOfMlSeconds = currentDateObj.getTime();
7
2
var numberOfMlSeconds = currentDateObj.getTime();
9
3
4
3
2
var currentDateObj = new Date();
6
3
4
var currentDateObj = new Date();
7
var currentDateObj = new Date();
9
3
7
3
8
3
9
var addMlSeconds = 60 * 60 * 1000;
0
var addMlSeconds = 60 * 60 * 1000;
1
var addMlSeconds = 60 * 60 * 1000;
2
var addMlSeconds = 60 * 60 * 1000;
3
var addMlSeconds = 60 * 60 * 1000;
4
var addMlSeconds = 60 * 60 * 1000;
5
var addMlSeconds = 60 * 60 * 1000;
6
var addMlSeconds = 60 * 60 * 1000;
7
var addMlSeconds = 60 * 60 * 1000;
8
var addMlSeconds = 60 * 60 * 1000;
9
4
0
4
1
4
2
4
3
4
4
4
5
4
6
4
7
4
8
4
9
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
0
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
1
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
2
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
3
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
4
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
5
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
6
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
7
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
8
var newDateObj = new Date(numberOfMlSeconds + addMlSeconds);
9
1
0
1
1
1
2
1
3
1
4
1
5
1
6
1
7
1
8
1
9

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

Làm cách nào để thêm giờ và phút trong JavaScript?

Thêm giờ bằng Phương thức setHours(). Thêm phút bằng phương thức setMinutes(). Thêm giờ hoặc phút bằng Phương thức getTime() .

Làm cách nào để thêm 24 giờ vào thời gian hiện tại trong JavaScript?

// 0 có nghĩa là 01. 01. 1970 UTC+0 let Jan01_1970 = new Date(0); . 01. get 02.01. 1970 UTC+0 let Jan02_1970 = new Date(24 * 3600 * 1000); . An integer number representing the number of milliseconds that has passed since the beginning of 1970 is called a timestamp.

Làm cách nào để thêm 15 phút vào thời gian hiện tại trong JavaScript?

Cách thêm phút vào ngày trong JavaScript .
Phương thức setMinutes() và getMinutes() ngày. Để thêm phút vào Ngày trong JavaScript, hãy gọi phương thức getMinutes() trên Ngày để lấy số phút, sau đó gọi phương thức setMinutes() trên Ngày, chuyển tổng của getMinutes() và số phút cần thêm. .
ngày-fns addMinutes()

Làm cách nào để thêm 10 phút vào thời gian hiện tại trong JavaScript?

JavaScript. Thêm phút vào đối tượng Ngày .
Giải pháp mẫu. -
Mã HTML. <. .
Mã JavaScript. var add_minutes = function (dt, minutes) { return new Date(dt. getTime() + phút*60000); . log(add_minutes(new Date(2014,10,2), 30). toString());.
Sơ đồ
Bản thử trực tiếp