fullCalendar Unknown option 'viewRender'
时间: 2023-12-24 22:02:01 浏览: 42
这个问题可能是因为你使用了fullCalendar的过期选项`viewRender`。在fullCalendar v4中,该选项已被移除并被替换为`viewDidMount`和`viewWillUnmount`。所以你需要将你的代码中的`viewRender`更改为`viewDidMount`和`viewWillUnmount`。如果你使用的是fullCalendar v3或更早的版本,则可以继续使用`viewRender`选项。
相关问题
fullCalendar 月视图下,viewRender自动定位到今天所在行
可以通过以下代码实现:
```javascript
$('#calendar').fullCalendar({
viewRender: function(view, element){
// 获取今天的日期
var today = moment().format('YYYY-MM-DD');
// 获取所有日期元素
var allDayCells = $('.fc-day');
// 遍历所有日期元素
for(var i=0; i<allDayCells.length; i++){
var cell = allDayCells[i];
// 如果该日期元素包含今天的日期,则滚动到该元素所在行
if($(cell).data('date') == today){
var row = $(cell).closest('.fc-row');
var top = row.position().top;
$('.fc-scroller').scrollTop(top);
break;
}
}
}
});
```
在 `viewRender` 回调函数中,首先获取今天的日期,然后遍历所有日期元素,找到包含今天日期的元素所在行,最后通过设置 `.fc-scroller` 的 scrollTop 属性实现自动滚动到该行。
fullCalendar viewRender的参数view 和viewDidMount 的参数view有啥区别
`viewRender`和`viewDidMount`都是fullCalendar的回调函数,它们都会在日历视图发生变化时被调用。它们的区别在于:
- `viewRender`:在切换视图(比如从月视图切换到周视图)或者导航到不同的日期时都会被调用。它的参数`view`是一个包含当前视图信息的对象,包括当前视图的名称、日期范围、日期格子的元素等等。`viewRender`可以用来更新视图的某些部分,比如在日历头部添加额外的按钮或者自定义导航栏等。
- `viewDidMount`:在初次渲染视图时被调用,它的参数`view`是一个包含当前视图信息的对象,和`viewRender`的参数`view`是一样的。`viewDidMount`可以用来初始化某些视图相关的组件或者数据,比如在月视图中加载每个日期的事件列表等。
总的来说,`viewRender`和`viewDidMount`都是用来响应日历视图的变化的回调函数,它们的区别在于`viewRender`会在每次切换视图或者导航时被调用,而`viewDidMount`只会在初次渲染视图时被调用。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)