date formatting in spfx

[alwaysrcorliss]

Hi,

Within the first tutorial, you outline how to fetch and display some various columns: text, choices, multiple lines, and booleans. But you don't go over dates.
If I call a date such as Modified date I get:
"2019-08-12T03:19:38Z"

I've made attempts at trying to format this to a simple "MM-dd-YYYY" format but with no luck. I've installed moment.js and tried to format by doing something like:
<div>moment(${item.Modified},"MM-dd-YYYY")</div> in my render method but that doesn't seem to be correct as nothing changes or I literally get the function call as a literal string.

Can someone help point me in the right direction as to how this should be handled in Typescript? I'm just very new to this and would appreciate some direction since your documentation doesn't really cover dates and this seems really important.

[msft-github-bot]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[bcameron1231]

In order to evaluate the moment expression, you need to the move your curly braces to the outside

<div>{moment(item.Modified).format('L')}</div>

[msft-github-bot]

Closing issue as "answered". If you encounter similar issue(s), please open up a NEW issue. Thank you.

[msft-github-bot]

Issues that have been closed & had no follow-up activity for at least 7 days are automatically locked. Please refer to our wiki for more details, including how to remediate this action if you feel this was done prematurely or in error: Issue List: Our approach to locked issues