Convert an input type time, to a timestamp for firestore

Question

This is what I have tried but no luck, I did have a couple of results trying a different method but that showed an invalid date or NaN.

var starttimestamp = moment.utc(moment("#starttimeadd")).format();

This is the expected result

This is my code

function addJob(){


var starttimeadd = $('#starttimeadd').val();

const starttimestamp = moment.utc(moment(starttimeadd)).format();


db.collection("jobs").doc().set({

    starttime: starttimestamp,

})

.then(function() {
    console.log("Document successfully written!");
})
.catch(function(error) {
    console.error("Error writing document: ", error);
});

}

user_3204168 · Answer

moment takes a date as a parameter, not an element ID like you're trying to do here. How about:

const startTimeAdd = document.getElementById("starttimeadd").value;
const starttimestamp = moment.utc(startTimeAdd).format();

Also worth considering that you may not need to use Moment for this - the official docs recommend reading an article on why you may not need Moment

naveen_17447 · Answer

Close enough. Using Intl.DateTimeFormat (no momentjs)

//code assumes that you have validated the input
var startTime = "01:00"; // document.querySelector("#starttime").value;
var formattedStartDateFromTime = getFormattedDateFromTime(startTime);
console.log(formattedStartDateFromTime);

function getFormattedDateFromTime(time) {
  var timeParts = time.split(":");
  var startDate = new Date();
  startDate.setHours(+timeParts[0]);
  startDate.setMinutes(+timeParts[1]);
  startDate.setSeconds(0);
  var options = {
    year: 'numeric',
    month: 'long',
    day: 'numeric',
    hour: 'numeric',
    minute: 'numeric',
    second: 'numeric',
    timeZoneName: 'short'
  };
  return new Intl.DateTimeFormat('en', options).format(startDate);
}

Browser compatibility: Chrome, Edge, Firefox, IE11+

Convert an input type time, to a timestamp for firestore

2 Answers