首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何突出显示三个具体日期?

如何突出显示三个具体日期?
EN

Stack Overflow用户
提问于 2020-11-29 01:01:29
回答 1查看 28关注 0票数 0

我试图使用React.js和Datepicker突出显示三个具体的日期:"10-11-2020","22-11-2020","07-11-2020“,但我没有做到这一点。下面是我的代码:

代码语言:javascript
复制
import React, {useState, Component} from "react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";

const Datepicker = (props) => {
  const [startDate, setStartDate] = useState(new Date());
 
  return (
    <DatePicker
      className="custom-select"
      dateFormat="dd/MM/yyyy"
      selected={startDate}
      highlightDates={["10-11-2020","22-11-2020", "07-11-2020"]}
    />
  );
};

export default Datepicker;

我把代码放在这里:https://codesandbox.io/s/unruffled-wescoff-mfpgj?file=/src/App.js

你能帮我个忙吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-11-29 01:12:15

您必须将javascript date对象数组传递给highlightDates

代码语言:javascript
复制
<DatePicker
    .....
    highlightDates={[new Date("2020-11-15"), new Date("2020-11-20")]} //This should be js date array
/>

Updated demo

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65052243

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档