/ Date(1533668400000)/以正确的顺序格式化日期在React中

时间:2018-09-11 09:11:55

标签: reactjs datetime

我用于显示信息的反应代码如下 我的数据显示正确 问题是日期显示不正确 日期显示为/ Date(1533668400000)/ 数据库条目为2018-08-08 00:00:00.000 我添加了scrrenshots以便于理解

 class BorrowHistoryGridRow extends React.Component
 {
     constructor(props)
     {
        super(props);
        this.state = {items:this.props.items}
     }
     render()
     { 
         return (
                 <tr>
                      <td>{this.props.item.bName}</td>
                      <td>{this.props.item.cName}</td>
                      <td>{this.props.item.bhBorrowDate}</td>
                      <td>{this.props.item.bhReturnDate}</td>
                 </tr>
              );
     }
  }

pictures shows you my output page here it can be seen than date is not being displayed correctly

In the second picture you can see my sql database entry there the date is right

1 个答案:

答案 0 :(得分:0)

您可以调用一个可以解决显示问题的函数

#!/bin/bash
i=0
# loop through files
while IFS= read -r p;  do
  # if it's not an empty line
  if ! [ -z "$p"]; then
    convert -background none -font Trebuchet-MS -fill white -pointsize 60 -gravity center -size 1920x300 pango:"$p" png:- | convert slide_template.png png:- -geometry +0+800 -composite  slides/slide-$i.png
    i=$((i+1))
  fi;
# pass input
done <$@

,该函数将返回可以打印的格式化日期字符串。

<td>{this.getDate(this.props.item.bhBorrowDate)}</td>

如果您不喜欢这种数据格式错误,则可以轻松地使用JavaScript的其他本机,或使用moment.js