Working with time durations in Moment.js to manipulate datetime

Question

Working with time durations in Moment.js to manipulate datetime

How can I properly combine the variable secondsToMinutes with the startdate?

The value of secondsToMinutes is "3:20" and the startDate is "2:00 PM". The desired endDate should be "2:03:20 PM". Despite my efforts, I keep encountering errors every time I attempt to achieve this.

   var startdate = data.StartTime;
   startdate = moment(startdate).format('LTS');

   var secondsToMinutes = readableDuration(self.runlength());//='3:20';

   var seconds = secondsToMinutes.split(':')[1];
   var minutes = secondsToMinutes.split(':')[0];

   var date = moment(startdate)
        .add(seconds, 'seconds')
        .add(minutes, 'minutes')
        .format('LTS');

However, the date appears as an invalid date.

javascript datetime momentjs

Answer 1

Answer №1

moment().format("LTS") will give you a string value in the format of hh:mm:ss AM/PM. If you are creating a moment object using a non-standard format string, make sure to provide the input format as the second parameter in the moment constructor.

For example, the string Jan 1, 2017 represented as 01012017 is not standard. If you try to create a moment object using moment("01012017"), it will result in an "Invalid Date" response. Instead, use moment("01012017","DDMMYYYY")

var d = moment("01012017")
d.toISOString() => "Invalid date"

var d = moment("01012017", "DDMMYYYY")
d.toISOString() => "2016-12-31T18:30:00.000Z"

When creating the 'date' variable in your code, make sure to include "hh:mm:ss A" as the second parameter in the moment constructor like this:

   var date = moment(startdate, "hh:mm:ss A")
        .add(seconds, 'seconds')
        .add(minutes, 'minutes')
        .format('LTS');

Answer 2

moment().format("LTS") will give you a string value in the format of hh:mm:ss AM/PM. If you are creating a moment object using a non-standard format string, make sure to provide the input format as the second parameter in the moment constructor.

For example, the string Jan 1, 2017 represented as 01012017 is not standard. If you try to create a moment object using moment("01012017"), it will result in an "Invalid Date" response. Instead, use moment("01012017","DDMMYYYY")

var d = moment("01012017")
d.toISOString() => "Invalid date"

var d = moment("01012017", "DDMMYYYY")
d.toISOString() => "2016-12-31T18:30:00.000Z"

When creating the 'date' variable in your code, make sure to include "hh:mm:ss A" as the second parameter in the moment constructor like this:

   var date = moment(startdate, "hh:mm:ss A")
        .add(seconds, 'seconds')
        .add(minutes, 'minutes')
        .format('LTS');

Answer 3

Answer №2

The documentation for Moment is top-notch. For more information, be sure to visit: http://momentjs.com/docs/

To directly address your question, here is a potential solution:

var time = '3:20';
var seconds = time.split(':')[1];
var minutes = time.split(':')[0];

var newTime = moment(...)
              .add(seconds,'seconds')
              .add(minutes,'minutes')
              .format('LT');

It is advisable to utilize the appropriate methods provided. While there are advanced options for working with durations, this approach is concise.

Update:

Another user mentioned:

 moment('2:00:00 PM', 'h:mm:ss A')

This syntax may be necessary for a specific time format. Nonetheless, manipulating time using moment objects is straightforward. Remember to handle invalid inputs gracefully when working with moment objects. ;)

Answer 4

The documentation for Moment is top-notch. For more information, be sure to visit: http://momentjs.com/docs/

To directly address your question, here is a potential solution:

var time = '3:20';
var seconds = time.split(':')[1];
var minutes = time.split(':')[0];

var newTime = moment(...)
              .add(seconds,'seconds')
              .add(minutes,'minutes')
              .format('LT');

It is advisable to utilize the appropriate methods provided. While there are advanced options for working with durations, this approach is concise.

Update:

Another user mentioned:

 moment('2:00:00 PM', 'h:mm:ss A')

This syntax may be necessary for a specific time format. Nonetheless, manipulating time using moment objects is straightforward. Remember to handle invalid inputs gracefully when working with moment objects. ;)

Answer 5

Answer №3

When attempting to parse the value '2:00:00 PM' in the last moment() call, it is important to note that using String + Format is recommended for anything other than ISO 8601 strings:

To ensure consistent results when parsing non-ISO 8601 strings, it is advised to use String + Format.

For instance, if you try:

var date = moment('2:00:00 PM')
    .add(30, 'seconds')
    .add(2, 'minutes')
    .format('LTS');

The date will be shown as Invalid date. However, by including the format h:mm:ss A as a second parameter:

var date = moment('2:00:00 PM', 'h:mm:ss A')
    .add(30, 'seconds')
    .add(2, 'minutes')
    .format('LTS');

... the resulting value will be 2:02:30 PM.

Answer 6

When attempting to parse the value '2:00:00 PM' in the last moment() call, it is important to note that using String + Format is recommended for anything other than ISO 8601 strings:

To ensure consistent results when parsing non-ISO 8601 strings, it is advised to use String + Format.

For instance, if you try:

var date = moment('2:00:00 PM')
    .add(30, 'seconds')
    .add(2, 'minutes')
    .format('LTS');

The date will be shown as Invalid date. However, by including the format h:mm:ss A as a second parameter:

var date = moment('2:00:00 PM', 'h:mm:ss A')
    .add(30, 'seconds')
    .add(2, 'minutes')
    .format('LTS');

... the resulting value will be 2:02:30 PM.

Answer 7

Answer №4

The .add operation in moment.js is no longer supported. Consider using dayjs for similar functionality.

Example: dayjs.add(1, 'day')

For more reasons to migrate from moment.js:

Answer 8

The .add operation in moment.js is no longer supported. Consider using dayjs for similar functionality.

Example: dayjs.add(1, 'day')

For more reasons to migrate from moment.js:

Answer 9

Answer №5

I originally tried a different approach, but ultimately found success with the following method:

// Initially, I stored the current time in the variable 'startTime'

let startTime = moment().format('HH:mm:ss');

// To manipulate the time, I added 10 seconds (this could also be done with minutes or hours) to the initial time:

startTime = moment(startTime ,'HH:mm:ss').add(10,'seconds').format('HH:mm:ss');

Answer 10

I originally tried a different approach, but ultimately found success with the following method:

// Initially, I stored the current time in the variable 'startTime'

let startTime = moment().format('HH:mm:ss');

// To manipulate the time, I added 10 seconds (this could also be done with minutes or hours) to the initial time:

startTime = moment(startTime ,'HH:mm:ss').add(10,'seconds').format('HH:mm:ss');

Working with time durations in Moment.js to manipulate datetime

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

The AJAX call failed because the web service was not properly configured, resulting in a missing parameter value being

Automated scrolling within a div when an li element overflows

The dangers posed by vulnerabilities in the React library

What is the best way to obtain a list of all the modules that are currently accessible in AngularJS

What is the best way to eliminate the hash from the URL of a single-route Angular application without the need for ui.router?

Unable to sort nested JSON data in ngTable

Retrieve the element (node) responsible for initiating the event

Is there a way to retrieve data from three different Bookshelf.js models in a single query?

Is there a way to update the content of both spans within a button component that is styled using styled-components in React?

The error message "Vue.JS computed from VueX Store is not recognized" is displaying

Utilize obj in three.js to enhance your 3D

Sending information from ngRoute resolve to the controller

use javascript or jquery to conceal the textbox control

Navigating through a diagonal path

Is the JSON parsing issue being caused by Bodyparser?

What could be the reason why I am unable to choose my radio button? What error am I

Here is a unique version of the text: "Implementing a JavaScript function in Angular to activate the data-bs

What are the steps for sorting objects in an array by their data type attribute?

My Angular JS http.get request is failing to reach the specified URL

I'm facing some difficulties in sourcing my header into a component and encountering errors. Can anyone advise me on how to properly outsource my header?