Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.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
Javascript 即使在完成选择后,也要在大日历中突出显示选定插槽的背景_Javascript_Reactjs_React Big Calendar - Fatal编程技术网

Javascript 即使在完成选择后,也要在大日历中突出显示选定插槽的背景

Javascript 即使在完成选择后,也要在大日历中突出显示选定插槽的背景,javascript,reactjs,react-big-calendar,Javascript,Reactjs,React Big Calendar,现在的默认行为是,每当有人选择一个插槽时,它就会以灰色高亮显示,但一旦选择停止,高亮显示的日历字段就会消失。如果我们在选择时打开模式,则没有必要这样做,但在我的情况下,70%的宽度是日历,30%是表单。因此,当进行选择时,表单中的日期会更新,但没有突出显示的内容,因此会造成混乱 fullcalendar有一个默认为true的选项“unselectAuto” react big calandar尚未实现此功能,并已向PR开放。是否有任何解决方案/技巧可以解决此问题?我使用slotpregetter

现在的默认行为是,每当有人选择一个插槽时,它就会以灰色高亮显示,但一旦选择停止,高亮显示的日历字段就会消失。如果我们在选择时打开模式,则没有必要这样做,但在我的情况下,70%的宽度是日历,30%是表单。因此,当进行选择时,表单中的日期会更新,但没有突出显示的内容,因此会造成混乱

fullcalendar有一个默认为true的选项“unselectAuto”


react big calandar尚未实现此功能,并已向PR开放。是否有任何解决方案/技巧可以解决此问题?

我使用
slotpregetter
和跟踪
选择的

//这将处理调度程序中“选定”插槽背景的样式设置
常量slotpregetter=(slotDate)=>{
如果(
精选&&
!已选定。IsAllDayAppointment&&
力矩(slotDate)。介于(
矩(selected.StartDateTime).subtract(1,'m').toJSON(),
选定的.EndDateTime
)
) {
返回{
样式:{背景颜色:'#999',边框顶部:'1px实心#999'},
};
}
};
我的日期实现有点不同,但最终它只是检查
slotDate
是否在我选择的
值的
开始
结束
之间。使用
slotPropGetter
可以对插槽应用自定义
样式
s或
es