javascript - In moment.js, is it possible to have a date-time string and keep the date but change the time?

Question

I'm using moment.js and want to update a date-time string with a new user-entered time. The date has not changed, only the time. There is no timezone change, just that the hour and minute values have possibly been altered.

How would I take a string like this and convert it such that the time is different?

This is would I'd expect:

const dateTimeString = '2017-11-14T16:04:54.0086709-06:00'
const newDateTimeString = (
    moment(dateTimeString)
    .changeTime('05:20 PM')
    .format()
)
// newDateTimeString === '2017-11-14T17:20:00.0086709-06:00'

Answer 1

There is no built in function like changeTime, you can write your own using set.

You can add changeTime using moment.fn

The Moment prototype is exposed through moment.fn. If you want to add your own functions, that is where you would put them.

You can create a temp moment object with your "time to add" value using moment(String, String), then use set(Object(String, Int)) and getters like hours() and minutes().

Here a live sample:

moment.fn.changeTime = function(timeString) {
  let m1 = moment(timeString, 'hh:mm A');
  return this.set({h: m1.hours(), m: m1.minutes()});
}

const dateTimeString = '2017-11-14T16:04:54.0086709-06:00'
const newDateTimeString = (
    moment(dateTimeString)
    .changeTime('05:20 PM')
    .format()
)

console.log(newDateTimeString);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.2/moment.min.js"></script>