小编AFA*_*FAF的帖子

我正在使用 MongoDB 和 ReactJS。

所以我希望用户可以看到创建新项目的时间，但是 mongodb 显示此日期格式“2018-10-08 18:09:56.628”，而我只想显示“2018-10-08”。我能做什么？

我的项目架构：

let mongoose = require("mongoose");

let projectSchema = new mongoose.Schema({

  projectname: String,
  typeofproject: String,
  imageURL: String,
  dateMonthFrom: String,
  dateYearFrom: String,
  dateMonthTo: String,
  dateYearTo: String,
  tasks: [{
    type: mongoose.Schema.Types.ObjectId,
    ref: 'Tasks'
  }],
user: [{
    type: mongoose.Schema.Types.ObjectId,
    ref: 'User'
  }],
created: {
    type:Date,
    default: Date.now
    }
})

module.exports = mongoose.model('Project', projectSchema);

我的反应代码：

[...]
  <header>
     <div>
        <h1>

{this.state.project.projectname} // "Title"
{this.state.project.created} // "2018-10-08 18:09:56.628"

        </h1>

     </div>
  </header>
[...]

我有一个初始状态，我从不直接在代码中使用，只在另一个设置值状态中使用

仅举一个草稿示例：

interface PersonProps {}

const Person: React.FC<PersonProps> = () => {
  const [name, setName] = useState<string>("")
  const [todayYear, setTodayYear] = useState<string>("")
  const [birthYear, setBirthYear] = useState<string>("")
  const [age, setAge] = useState<string>("")

  const getPerson = async () => {
    try {
      const response = await getPersonRequest()
      const data = await response.data

      setName(data.name)
      setTodayYear(data.today_year)
      setBirthYear(data.future_year)
      setAge(data.todayYear - data.birthYear)
    } catch (error) {
      console.log(error)
    }
  }

  useEffect(() => {
    getPerson()
  })


  return (

    <h1>{name}</h1>
    <h2>{age}</h2>
  )

}
export default Person

在这种情况下，如您所见，我永远不会在 UI …

我使用 datepicker 添加项目并且它可以工作，但是当我尝试使用 datepicker 编辑/更新这些项目时，它不起作用！给我很多错误，例如：

• 失败丙类型：无效支柱selected型的string供给DatePicker，预期object

• 组件正在更改要控制的文本类型的不受控制的输入。输入元素不应从不受控制切换到受控制（反之亦然）。决定在组件的生命周期内使用受控或非受控输入元素。

• 失败的道具类型：无效的支柱selected型的string供给Calendar/Month/Week/Day，预计object。

• 未捕获的类型错误：无法读取未定义的属性“值”

并且输入为空，没有像预期的那样显示今天的日期，例如：

这是我的 EditProject 组件：

import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import DatePicker from 'react-datepicker';
import moment from 'moment';

import './EditProject.css';
import 'react-datepicker/dist/react-datepicker.css';


class EditProject extends Component {
    constructor(props) {
        super(props);
        this.state = {
            project: {}
        }    
    }

    componentDidMount() {

        // console.log('PROPS ' + JSON.stringify(this.props));

        const { match: { params …