在 material-ui DatePicker 上显示标题答案

【问题标题】：Display title on material-ui DatePicker在 material-ui DatePicker 上显示标题
【发布时间】：2020-09-09 10:15:16
【问题描述】：

我想为 DatePicker 对话框显示一个标题。这是我目前所拥有的：

import React, { Fragment, useState } from "react";
import { DatePicker } from "@material-ui/pickers";

function BasicDatePicker(props) {
const [selectedDate, handleDateChange] = useState(new Date());

return (
    <Fragment>
        <DatePicker
            label="Basic example"
            value={selectedDate}
            onChange={handleDateChange}
            animateYearScrolling
        />
    );
}

我希望它看起来像这样？

我该怎么做？

提前致谢

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

在material-UI DatePicker v3 中，没有根据需要添加标题的字段。但在 v4 中，您必须使用“MobileDatePicker”，而不是使用“DatePicker”组件。

在“MobileDatePicker”中有一个标签字段可以在您的日历中添加标题。

找到工作的codesandbox link

【讨论】：