如何在 React Material-ui 日期选择器中设置日期按钮的样式答案

【问题标题】：How to style the day button in react material-ui date picker如何在 React Material-ui 日期选择器中设置日期按钮的样式
【发布时间】：2018-05-08 18:46:28
【问题描述】：

我的 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',
  },
});

我真的希望这是可行的。提前谢谢你。

【问题讨论】：

标签： javascript css reactjs material-ui

【解决方案1】：

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

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

查看 DayButton.js 的源代码，看起来它们会自动为您的任何禁用日期应用不透明度，因此有效的 palette.textColor 正在设置可用日期的颜色。

【讨论】：