Reactjs 如何使用react big calendar onRangeChange选项
我不想移动日历月,所以请使用此代码Reactjs 如何使用react big calendar onRangeChange选项,reactjs,react-big-calendar,Reactjs,React Big Calendar,我不想移动日历月,所以请使用此代码 const FullCalendar = (props) => { const { calendarInfos, height, dateInfo } = props const { selectDate } = dateInfo const localizer = momentLocalizer(moment); return ( <> <CalendarCss /> &l
const FullCalendar = (props) => {
const { calendarInfos, height, dateInfo } = props
const { selectDate } = dateInfo
const localizer = momentLocalizer(moment);
return (
<>
<CalendarCss />
<Calendar
toolbar={false}
popup={false}
localizer={localizer}
culture='ko'
views={['month']}
events={calendarInfos}
defaultDate={new Date(moment(selectDate))}
startAccessor="start"
endAccessor="end"
onRangeChange={(e)=>{console.log(e)}}
style={{
height: height + 'px',
width: '100%',
}}
components={
{
event: (e) =>
(
<FullCalendarEvent
event={e}
/>
)
,
}
}
/>
</>
);
};
const FullCalendar=(道具)=>{
const{calendarInfos,height,dateInfo}=props
const{selectDate}=dateInfo
常数定位器=力矩定位器(力矩);
返回(
{console.log(e)}
风格={{
高度:高度+px,
宽度:“100%”,
}}
组成部分={
{
事件:(e)=>
(
)
,
}
}
/>
);
};
但是这段代码中有一个错误
如何在RangeChange上使用react big calendar选项根据,这取决于视图(排序)
const onRangChange=(范围:[Date])=>做点什么
//或者,可能性越大
const onRangChange=({start:Date,end:Date})=>做点什么
应该为所有内置视图使用第二种类型,因此不确定第一种类型何时符合条件
如果您试图限制它逐月移动,更好的选择是使用受控的日期道具,并进行一些检查以确定是否设置它。根据,它取决于视图(排序)
const onRangChange=(范围:[Date])=>做点什么
//或者,可能性越大
const onRangChange=({start:Date,end:Date})=>做点什么
应该为所有内置视图使用第二种类型,因此不确定第一种类型何时符合条件
如果您试图限制它每月移动,更好的选择是使用受控的date
prop,并进行一些检查以确定是否设置它