reactjs MUI Static datepicker sx prop不工作

62lalag4  于 2023-10-17  发布在  React
关注(0)|答案(1)|浏览(137)

我需要禁用默认对话框中的动作按钮,但在多媒体datepicker sx prop 不工作
下面是我用于datepicker组件的代码:

<LocalizationProvider dateAdapter={AdapterDayjs}>
    <StaticDatePicker
        sx={{
            ".MuiDialogActions-root": {
                display: "none",
                backgroundColor: "red !important",
            },
        }}
        showToolbar={false}
        value={selectedDate}
        views={["month", "year"]}
        onChange={handleDateChange}
        toolbarFormat={false}
        pickersToolbar={false}
    />
</LocalizationProvider>;
watbbzwu

watbbzwu1#

如果你想删除按钮,但bg为红色,那么通过display: 'none',你不能查看包括该行的MuiDialogActions按钮根。
您可以尝试类似这样的东西,现在将隐藏个别按钮,但显示为红色的bg

<LocalizationProvider dateAdapter={AdapterDayjs}>
    <StaticDatePicker
      sx={{
        '.MuiDialogActions-root': { backgroundColor: 'red !important' },
        '.MuiButtonBase-root': { display: 'none', backgroundColor: 'red !important' },
      }}
      showToolbar={false}
      views={['month', 'year']}
      toolbarFormat={false}
      pickersToolbar={false}
    />
  </LocalizationProvider>

sandbox

相关问题