使用react日期选择器，需要对今天的日期和选定的日期应用不同的样式

使用react日期选择器，可以通过以下步骤对今天的日期和选定的日期应用不同的样式：

首先，安装react日期选择器库。可以使用npm或者yarn命令来安装，例如：

npm install react-datepicker

在你的React组件中引入日期选择器库：

import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";

在组件的state中定义两个变量，一个用于存储今天的日期，另一个用于存储选定的日期：

state = {
  today: new Date(),
  selectedDate: null
};

在render方法中，使用日期选择器组件，并为其添加相应的props：

render() {
  return (
    <div>
      <DatePicker
        selected={this.state.selectedDate}
        onChange={date => this.setState({ selectedDate: date })}
        highlightDates={[this.state.today]}
        customInput={<CustomInput />}
      />
    </div>
  );
}

其中，selected属性用于指定选定的日期，onChange属性用于更新选定的日期，highlightDates属性用于指定需要高亮显示的日期，customInput属性用于自定义日期选择器的输入框。

创建一个自定义的输入框组件（CustomInput），用于显示选定的日期，并根据选定的日期应用不同的样式：

const CustomInput = ({ value, onClick }) => (
  <input
    value={value}
    onClick={onClick}
    style={{
      backgroundColor: value === null ? "white" : "yellow",
      color: value === null ? "black" : "red"
    }}
  />
);

在这个自定义输入框组件中，根据选定的日期是否为null来应用不同的样式。

至此，你已经完成了使用react日期选择器，并对今天的日期和选定的日期应用不同样式的需求。你可以根据实际情况自定义样式，并根据需要调整其他属性和方法。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。