Javascript 我无法从材质Ui日期选择器访问value属性
这是我创建的DatePicker组件,我需要在更改日期后获取该值Javascript 我无法从材质Ui日期选择器访问value属性,javascript,reactjs,material-design,setstate,Javascript,Reactjs,Material Design,Setstate,这是我创建的DatePicker组件,我需要在更改日期后获取该值 <DatePicker onChange={(value) => this.dateChange(value)} hintText="Start Date" mode="landscape" /> 当我在控制台上记录值或this.state.startDate时,我得到的值为null,但在我所看到的其他示例中,似乎您可以通过value属性轻松访问该值。我不太清楚您使用的是什么UI库
<DatePicker
onChange={(value) => this.dateChange(value)}
hintText="Start Date"
mode="landscape"
/>
当我在控制台上记录值或this.state.startDate时,我得到的值为null,但在我所看到的其他示例中,似乎您可以通过value属性轻松访问该值。我不太清楚您使用的是什么UI库,但它看起来像这样: 如果是这种情况,那么来自日期选择器的值实际上将成为第二个参数(与此库中的所有控件一样)
由于没有与更改相关的特定事件,第一个参数将始终为空。确切地说是哪个日期选择器组件?您是否将
dataChange
绑定到该组件?例如类似于this.dataChange=this.dataChange.bind(this)代码>在您的组件构造函数中,这是材质UI,很抱歉没有澄清。是的,我有,现在我有一个无法渲染的对象。当我在控制台上记录这个对象时,它只显示2018年4月12日星期四00:00:00 GMT-0600(MDT)。如何转换对象以便将其放入p标记中?如果您不知道如何呈现日期,则返回的值是javascriptDate
对象,请执行google搜索或打开新问题。(提示,您需要将其转换为字符串)
dateChange = (value: any) => {
this.setState({startDate: value})
}
<DatePicker
onChange={this.dateChange}
hintText="Start Date"
mode="landscape"
/>
dateChange = (e, value: any) => {
this.setState({startDate: value})
}
function(null: undefined, date: object) => void