css 为什么物料UI中的日期选择器日历未正确对齐?

pbwdgjma  于 2023-02-17  发布在  其他
关注(0)|答案(1)|浏览(112)

我正在使用“@mui/x-日期选择器/日期选择器”中的日期选择器。

import { DatePicker } from "@mui/x-date-pickers/DatePicker";
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";


    <LocalizationProvider dateAdapter={AdapterMoment}>
      <DatePicker
        value={value}
        onChange={(newValue) => {
          setValue(newValue);
        }}
        renderInput={(params) => <TextField {...params} />}
      />
    </LocalizationProvider>

The dates and the weekdays should be in a straight line column
The columns are not in straight line
我是否不小心覆盖了CSS的某个地方?

wz3gfoph

wz3gfoph1#

我在calendar图标(DatePicker Icon Button)的样式上遇到了类似的问题,我可以按照本文中的建议修改它:How to change the icon in MUI DatePicker?

<LocalizationProvider dateAdapter={AdapterDayjs}>
  <DatePicker
    OpenPickerButtonProps={{ style: { marginRight: 2 } }}
    openTo="year"
    views={['year', 'month', 'day']}
    label="Date"
    value={value}
    onChange={(newValue) => {
      setValue(newValue);
    }}
    renderInput={(params) => <TextField {...params} helperText={null} />}
/>
</LocalizationProvider>

相关问题