我的react项目中有Material-ui日期选择器,我需要知道如何设置日期按钮的样式,具体来说就是更改可用日期的文本颜色。从screenshot可以看到,默认情况下它是黑色的。

我没有运气就尝试了以下方法:

const muiTheme = getMuiTheme({
  datePicker: {
    selectColor: '#fd5f00',
    headerColor: '#f0f0f0',
    color: '#fd5f00',
    textColor: '#303030',
    calendarTextColor: '#fd5f00'
  },
  flatButton: {
    color: '#fd5f00',
    primaryColor: '#fd5f00',
    secondaryColor: '#fd5f00',
    disabledColor: '#fd5f00',
  },
});

我真的希望这是可行的。
先感谢您。

最佳答案

您可以通过指定palette.textColor设置基本文本颜色。

const muiTheme = getMuiTheme({
  palette: {
    textColor: '#fd5f00',
  }
});

查看DayButton.js的来源,看起来他们会自动为您的任何禁用日期应用不透明度,因此有效地使用palette.textColor设置了可用日期的颜色。

09-20 17:21