How to add hour and minute in javascript

Question

0.00/5 (No votes)

See more:

i want to add hour and minit to current time.for example right now time is 2:00 PM if i give input 20:00 it will change not only the time at the same time date is also be changed.how can i accomplish this?

What I have tried:

i have tried many ways but couldnot do that

Posted 1-Jan-17 23:53pm

Rakib Ahmed

Updated 2-Jan-17 0:47am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Add a Solution

3 solutions

Solution 1

If you want to add a time period to a date, you basically have to convert both of them into milliseconds.

Here is a link to solve your problem.

Add two dates times together in javascript - Stack Overflow[^]

Posted 2-Jan-17 0:11am

Abdisamad Khalif

Solution 3

Quote:
i have tried many ways but could not do that

There is mainly 1 single way.
Search about DateTime datatype and study associated functions.
Goolgle is your friend.

Posted 2-Jan-17 0:47am

Patrice T

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Accepted Answer · 2017-01-02T00:44:00

The title is clearer than your question. So I will answer to the title.
First thing first, the relevant references on JavaScript DateTime are here:
1. JavaScript Dates[^]
2 .JavaScript Date Formats[^]
3. JavaScript Date Methods[^]
Do go through them after my explanation and example code shown below.
First, convert any date time components into milliseconds, including the interval;
Second, perform any desired arithmetic calculation using the milliseconds;
Lastly, convert the resulting milliseconds back to the new date time.
Study the example code which is adequately commented:

<!DOCTYPE html>
<html>
<body>

<p id="startDateTime"></p>
<p id="futureDateTime"></p>

<script>
var startDateTime = new Date(2017,0,2,12,30,00,0);
document.getElementById("startDateTime").innerHTML = startDateTime;

// convert the startDate into milliseconds
var startDateTimeInMilliseconds = startDateTime.getTime();

// what is the date time 12 hours 30 minutes away?
// change the 12 hours to milliseconds
var hoursInMilliseconds = 12*60*60*1000;	// milliseconds
// likewise, change the 30 minutes to milliseconds
var minutesInMilliseconds = 30*60*1000;   // milliseconds

// the future date in milliseconds is
var futureInMilliseconds = startDateTimeInMilliseconds + hoursInMilliseconds + minutesInMilliseconds;

// convert milliseconds to date time
var futureDateTime = new Date(futureInMilliseconds);

document.getElementById("futureDateTime").innerHTML = futureDateTime;
</script>

</body>
</html>

A demo version at JSFiddle[^]
Cross-referencing with the above links to better understand my code.