当用户在输入字段中键入时,onChange事件将触发,并更新inputValue状态变量。这使得React重新渲染组件,并将输入字段的值更新为最新的inputValue。
- import React from 'react';
- import DatePicker from 'material-ui/DatePicker';
-
- class MyComponent extends React.Component {
- handleDateChange = (event, date) => {
- // 你可以在这里处理日期改变的逻辑
- console.log(date); // 这是选定的日期和时间
- }
-
- render() {
- return (
- <DatePicker onChange={this.handleDateChange} />
- );
- }
- }
-
- export default MyComponent;
在这个例子中,当用户在DatePicker中选择一个新日期时,handleDateChange函数会被调用,选定的日期作为参数传入。你可以在这个函数中进行任何你需要做的处理。
注意,日期的格式可能取决于你如何接收和处理这个日期。在上述示例中,日期是一个Date对象,你可以使用JavaScript的Date对象方法来处理它。例如,你可以使用date.toISOString()将其转换为字符串,或者使用date.getDay()来获取星期几。