value.format is not a function in react js while formatting the dates

Question

I am getting this error while trying to modify the values in the following ways

const columns = [
    { label: 'Title', key: 'title' },
    { label: 'Start', key: 'start_time',format: (value, { all_day }) => <span className="start-time">{value.format(timeFormat(all_day))}</span>},
    { label: 'End', key: 'end_time'},
    { label: 'Status', key: 'status', format: (value) => <Status status={value} /> }
  ]

and this is throwing an error I have mentioned. where timeFormat is

const timeFormat = (allDay) => allDay ? 'MM/DD/YYYY' : 'MM/DD/YYYY [@] h:mma'

Although I am using the same at other positions where it is working fine. Please help where I am doing wrong. I am getting this error while formatting the dates means while showing data in a table this shows the error.

Edit your question and include all the required information for a Minimal, Complete, and Verifiable example. — tarzen chugh
– tarzen chugh, Commented Apr 17, 2019 at 11:08
I think you have confused Java format with JS. cause your method is ambiguous inside span — Amir-Mousavi
– Amir-Mousavi, Commented Apr 17, 2019 at 11:19

Fraction · Accepted Answer · 2019-04-17 11:47:50Z

3

.format() is part of Moment.js so you should include it in your app then use it:

const value = "2019-01-16T05:00:00.000Z";
const timeFormat = (allDay) => allDay ? 'MM/DD/YYYY' : 'MM/DD/YYYY [@] h:mma'
console.log(moment(value).format(timeFormat()))

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

answered Apr 17, 2019 at 11:47

Fraction

13.1k5 gold badges32 silver badges54 bronze badges

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

Collectives™ on Stack Overflow

value.format is not a function in react js while formatting the dates

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