如何在材质UI的DateTimePicker中添加一个按钮？

Question

我在我的React应用程序中使用DateTimePicker。

我想在取消按钮的左侧添加一个清除按钮。

import { MuiPickersUtilsProvider, DateTimePicker } from "@material-ui/pickers";
import DateFnsUtils from "@date-io/date-fns";

<MuiPickersUtilsProvider utils={DateFnsUtils}>
            <DateTimePicker
              autoOk
              inputVariant="outlined"
              value={date}
              onChange={e =>handleSetDate(e.getTime())
              }
            />
          </MuiPickersUtilsProvider>

我该怎么做？

预先感谢！

Answer 1

只需使用clearable prop并将其设置为true。

Working demo is here

代码段

           <DateTimePicker
              clearable
              autoOk
              inputVariant="outlined"
              value={date}
              onChange={e =>handleSetDate(e.getTime())
              }
            />

Just a heads up：由于出现错误，我不得不使用1x版的@date-io/date-fns。 See here。在玩耍时要牢记。