Substring in react

Question

I have a table like this

<table className="table terms-table">
                        <thead>
                            <tr>                                   
                                <th scope="col" >   start Date</th>
                                <th scope="col" >   end Date </th>

                           </tr>
                        </thead>
                        <tbody>
                            {termsData.map(term =>
                            (
                                <tr key={term._id}>
                                                                                                                             
                                   <td>
                                        {term.startDate}
                                    </td>
                                    <td>
                                        {term.endDate}
                                    </td>
                                   
                                </tr>
                            ))}
                        </tbody>
                    </table>

and the date be like 1400-07-07T00:00:00.000Z

i just want 1400-07-07

how should i do this ?

Does this answer your question? Format JavaScript date as yyyy-mm-dd — palindrom
– palindrom, Commented Sep 1, 2021 at 8:51
I recommend using momentjs.com for date parsing and formatting. console.log(moment(Date.parse("1400-07-07T00:00:00.000Z")).format("YYYY-MM-DD")) — null
– null, Commented Sep 1, 2021 at 9:02

fravolt · Accepted Answer · 2021-09-01 08:54:13Z

0

The simplest way to do this (assuming date is a String) is to use the String's substring function.

let date = "1400-07-07T00:00:00.000Z";
let newDate = date.substring(0, 10);
console.log('date is', date);
console.log('new date is', newDate);

If your date is already a javascript Date object, you can use the appropriate getters to get the data you want.

let date = new Date();
let dateString = `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
console.log(dateString);

answered Sep 1, 2021 at 8:54

fravolt

3,0341 gold badge8 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Substring in react

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related