fullcalendar显示当月日历方法(怎么在屏幕上添加日历的插件)
专注于前端开发,包括日历转换。最近遇到一个项目。项目中使用的日期插件需要显示农历、农历、节气、当前星期、星期几、生肖、生肖年等,实现的demo效果如下:
由于插件本身不支持农历和节日显示的使用,所以进行了修改。重新安装时,需要手动修改源代码。修改内容如下
* 1.在.js之前引入lunar.js
> lunar.js是一个计算农历和各种节假日的第三方js,之前需要参考一下。
* 2.修改.js
通常生成的日历只包含一个日期。如果要显示农历,需要手动修改源代码。目前我使用的版本是3.9.0,只有一处变化。
if () {html += view.(date, { 'class': 'fc-day-' }, date.('D') // inner HTML);//可以在这里搜索fc-day-,在下面添加以下代码 var cTerm = lunar(date).term;if(cTerm){html+="
“+cTerm+”
";}var fes = lunar(date).();if(fes&&fes.>0){html += "
" + $.trim(fes[0].desc)+"
";}if(!cTerm && (!fes || fes.== 0)){html += "
"+lunar(date).+"month"+lunar(date).lDate+"
“;}结论
至此所有的修改都完成了,剩下的就是样式了,可以随意调整。
tags:
fullcalendar
cterm