fullcalendar显示农历的属性
时间: 2023-10-22 09:07:47 浏览: 181
fullCalendar默认不支持显示农历,但是可以通过自定义函数来实现。具体实现方法如下:
1. 引入moment.js和moment-chinese-day.js库文件。
2. 在fullCalendar的options中定义eventRender函数,该函数会在每个事件渲染时自动调用。
3. 在eventRender函数中通过moment.js和moment-chinese-day.js库文件将阳历转化为农历,并将结果作为事件的title属性。
示例代码如下:
```javascript
$('#calendar').fullCalendar({
eventRender: function(event, element) {
var date = moment(event.start).chinese();
element.find('.fc-title').append('<br/>' + date);
}
});
```
注意:由于fullCalendar默认使用的是moment.js库文件,如果需要同时使用moment-chinese-day.js库文件,需要将其引入到moment.js之后。
相关问题
fullCalendar显示农历的属性
fullCalendar默认不支持显示农历,但是可以通过自定义函数来实现。具体实现方法如下:
1. 引入moment.js和moment-chinese-day.js库文件。
2. 在fullCalendar的options中定义eventRender函数,该函数会在每个事件渲染时自动调用。
3. 在eventRender函数中通过moment.js和moment-chinese-day.js库文件将阳历转化为农历,并将结果作为事件的title属性。
示例代码如下:
```javascript
$('#calendar').fullCalendar({
eventRender: function(event, element) {
var date = moment(event.start).chinese();
element.find('.fc-title').append('<br/>' + date);
}
});
```
注意:由于fullCalendar默认使用的是moment.js库文件,如果需要同时使用moment-chinese-day.js库文件,需要将其引入到moment.js之后。
fullCalendar 的height属性和aspectRatio属性
`height` 属性用于设置日历的高度,可以是像素值、百分比或函数。当使用像素值或百分比时,日历的高度将被固定。当使用函数时,可以动态计算日历的高度。例如:
```javascript
$('#calendar').fullCalendar({
height: 600, // 固定高度为600像素
// 或者
height: '70%', // 固定高度为父容器高度的70%
// 或者
height: function() {
return $(window).height() - 100; // 动态计算高度
}
});
```
`aspectRatio` 属性用于设置日历宽度与高度的比例。默认情况下,宽高比为 `1.35`。例如:
```javascript
$('#calendar').fullCalendar({
aspectRatio: 2 // 设置宽高比为2:1
});
```
需要注意的是,当设置了 `height` 属性时,`aspectRatio` 属性将被忽略。
阅读全文