时间戳

首页 > 解决方案 > 在 material-ui DatePicker 上显示标题

reactjs - 在 material-ui DatePicker 上显示标题

问题描述

我想显示 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
        />
    );
}

我希望它看起来像这样？

在此处输入图像描述

我怎样才能做到这一点？

提前致谢

标签： reactjsmaterial-ui

解决方案

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

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

找到有效的代码框链接

推荐阅读