Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 突出显示反应甘特图时间线中的当前日期_Reactjs_Gantt Chart - Fatal编程技术网

Reactjs 突出显示反应甘特图时间线中的当前日期

Reactjs 突出显示反应甘特图时间线中的当前日期,reactjs,gantt-chart,Reactjs,Gantt Chart,我正在使用react-gant时间线包,我不知道如何在react-gant时间线中指示当前日期。 我正在寻找一个垂直条来做同样的事情。您可以定义自定义的时间线标记 import Timeline, { TimelineMarkers, CustomMarker, TodayMarker, CursorMarker } from 'react-calendar-timeline' <Timeline> <TimelineMarkers> <

我正在使用react-gant时间线包,我不知道如何在react-gant时间线中指示当前日期。
我正在寻找一个垂直条来做同样的事情。

您可以定义自定义的时间线标记

import Timeline, {
  TimelineMarkers,
  CustomMarker,
  TodayMarker,
  CursorMarker
} from 'react-calendar-timeline'

<Timeline>
  <TimelineMarkers>
    <TodayMarker />
    <CustomMarker date={Date.now()} />
    <CustomMarker date={tomorrow}>
      {/* custom renderer for this marker */}
      {({ styles, date }) => {
        const customStyles = {
          ...styles,
          backgroundColor: 'deeppink',
          width: '4px'
        }
        return <div style={customStyles} onClick={someCustomHandler} />
      }}
    </CustomMarker>
    <CursorMarker />
  </TimelineMarkers>
</Timeline>
导入时间线{
时间线标记,
海关标记,
今天的标记,
游标标记器
}从“反应日历时间线”
{/*此标记的自定义呈现程序*/}
{({style,date})=>{
常量自定义样式={
…风格,
背景颜色:“深粉色”,
宽度:“4px”
}
返回
}}

谢谢@VictorAzevedo