how get value from data object

Question

I am facing an issue in React: I have some JSON data and I want to get the starttime or endtime from it. How can I do that?

json data (multiple dates)

data {starttime: "14:30:00", endtime: "15:30:00"}
data {starttime: "15:30:00", endtime: "17:30:00"}
data {starttime: "16:30:00", endtime: "18:30:00"}
data {starttime: "18:30:00", endtime: "19:30:00"}

react component

.map(({ full_name, breaks }) => (
  <span className="more-space" key={full_name}>
    { full_name }<br />
    {
      breaks.filter(data => {
        console.log("start", data.starttime);  //start 14:30:00
        console.log("end", data.endtime);  //end 15:30:00
        const date = new Date(data.starttime);

        const date = new Date(data.starttime);    //date Invalid Date
        const enddate = new Date(data.endtime);   //date Invalid Date
        return date >= prevDate && date < nextDate;
      }
    }
)

Does this answer your question? [Convert HH:MM:SS string to seconds only in javascript](https://stackoverflow.com/questions/9640266/convert-hhmmss-string-to-seconds-only-in-javascript) — Damian Kociszewski, May 13 '20 at 08:38
It appears as though you got the start and end time values from the object successfully. Do you have a different issue? — Drew Reese, May 13 '20 at 08:52

score 0 · Answer 1 · answered May 13 '20 at 10:14

Issue is with const date = new Date(data.starttime);. Date constructor will not accept the just time format.

Try something like below, create date and then update hours, mins and sec

const starttime = "14:30:00";

const [hours, mins, sec] = starttime.split(':').map(x => Number(x));
const sdate = new Date();
sdate.setHours(hours);
sdate.setMinutes(mins);
sdate.setSeconds(sec);

console.log(sdate.toString());

how get value from data object

1 Answers1