如何解决无法设置日期选择器的数字样式
我想更改日期选择器中数字的颜色。我为此使用了 react.js。
这是我的代码:
import React,{useState} from "react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import {gql,useQuery} from "@apollo/client";
import './Datepicker.css'
const Datepicker = (props) => {
const [startDate,setStartDate] = useState(new Date());
let typeDance = props.typeDance
let genre = props.genre
let price = props.price
let city = props.city
const GET_ACTIVITY = gql`
query Party($genre: String!,$price: String!,$typeDance: String!,$city: String!){
party(genreSearch: $genre,priceSearch: $price,typeSearch: $typeDance,citySearch: $city){
date
}
}
`;
const {loading,error,data} = useQuery(GET_ACTIVITY,{
variables: {
genre,price,typeDance,city
}
})
console.log(data);
//console.log(error);
if (loading) return (<p>Loading...</p>);
if (error) return (<p>Error : {error.message}</p>);
const onChange = (startDate) => {
setStartDate(startDate);
props.handleDate(startDate);
};
//let endDate = new Date();
//endDate.setDate(18);
//let numberOfDaysToAdd = 13;
//const daysHighlighted = new Array(numberOfDaysToAdd).fill(endDate);
return (
<DatePicker
className="custom-select"
dateFormat="dd/MM/yyyy"
selected={startDate}
color="blue"
highlightDates={[ ...new Set(data.party.map(todo => new Date(todo.date)))]}
onChange={onChange}
/>
);
};
export default Datepicker;
我只是想把号码的颜色从白黑改成紫。
你能帮我吗?
非常感谢。
这是我的代码:https://codesandbox.io/s/react-datepicker-forked-h6wre?file=/src/index.js
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。