获取反应日历的开始和结束日期

时间:2019-02-18 12:04:45

标签: reactjs calendar react-big-calendar

我正在使用"react-big-calendar": "^0.20.3",

当前,我在组件上使用getDrilldownView={(targetDate, currentViewName, configuredViewNames) => this.updateDate(targetDate, currentViewName, configuredViewNames)} props来获取大日历react js的开始和结束时间。我觉得这不是获取开始日期和结束日期的好方法,我也无法在文档中找到它。

https://codesandbox.io/s/vw3wlm63y

我想要的是2019/1/27作为开始日期而2019/3/2是结束日期

onRangeChange给出了视图或日期更改时的开始日期和结束日期,但是在页面加载时我希望它提供

2 个答案:

答案 0 :(得分:0)

我正在使用

this.startDate = moment().subtract(1, 'months').endOf('month').startOf('week').format('YYYY/MM/DD');
        this.endDate = moment().add(1, 'months').startOf('month').endOf('week').format('YYYY/MM/DD');

成功了 获取首次加载的当前日历视图的开始和结束日期。我认为没有内置的方法可以获取详细信息。

答案 1 :(得分:0)

react-big-calendar遇到了同样的问题,我用以下方法解决了它:

const start = moment().startOf('month').startOf('week').format('YYYY/MM/DD');
const end = moment().endOf('month').endOf('week').format('YYYY/MM/DD');