javascript - 如何从 Material Ui 获取 Date Picker 的值

Question

如果我使用 Material Ui 创建了一个日期选择器，我该如何获取用户的输入值？

假设用户选择 01.01.2016-> 我如何获取该值并将其存储为数据类型为日期的变量？

到目前为止，我尝试做的是使用状态传回 JSON 对象，但这似乎不起作用。例如:

getInitialState: function() {
    return {
      startDate: null,
      endDate:null    
    };
  },

render: function() {
return (
      <div>
          <DatePicker hintText="Start Date" value={this.state.startDate}  onChange={this._handleStartInput} />
          <DatePicker hintText="End Date" value={this.state.endDate} onChange={this._handleEndInput} />
      </div>
);},

_handleStartInput: function(value) {
    this.setState({
      startDate: value
    });
  },

  _handleEndInput: function(value) {
    this.setState({
      endDate: value
    });
  },

然后我可以从那里创建另一个提取值的函数，但现在在我选择一个日期后，状态永远不会改变并显示在 UI 中。

Answer 1

我试过了，我画了控制台值

<DatePicker  container="inline" floatingLabelText="Fecha desde" onChange={(x, event) => this.setFechaDesde(x,event)}    defaultDate={new Date()} />

和

setFechaDesde(x,event){
        console.log(JSON.stringify(event));
        console.log(JSON.stringify(x));
    }