在编辑模式下，Material-ui/DatePicker 中未填充日期

Posted 2023-02-22

【中文标题】在编辑模式下，Material-ui/DatePicker 中未填充日期

【英文标题】：In edit mode Date is not populating in material-ui/DatePicker

【发布时间】：2018-11-29 12:10:45

【问题描述】：

import DatePicker from 'material-ui/DatePicker';

我正在使用 DatePicker 组件

 this.state = 
      contractDate: ''
 

<DatePicker
     hintText=""
     formatDate=(date) => moment(date).format('DD-MM-YYYY')
     value=this.state.contractDate
     onChange=this.handleContractDateChange
  />

onChange 函数如下所示

handleContractDateChange = (event, date) => 
   this.setState(
          contractDate: date,
        );

      

在创建时我选择它的工作日期

[在编辑模式下，我正在正确获取日期（在控制台中），但该值未填充到 UI 中

【问题讨论】：

请指导我从状态值填充日期选择器

【参考方案1】：

如果不查看您的所有代码，很难判断问题可能是什么。

这是一个工作示例，希望能帮助您找到问题：

【讨论】：

我可以选择类似的日期，但在编辑模式下，我采用相同的状态值，但该值仍未填充

@user9883888 我不确定我是否理解。您是说当页面“加载”时没有填充值？如果是这种情况，您需要在构造函数或其他生命周期函数之一中将值设置为 state。见reactjs.org/docs/react-component.html#constructor

当页面加载但仍在填充日期时，我将值设置为构造函数状态，剩余的所有字段都在填充，但仅日期没有填充。