在primefaces布局上渲染完整的日历调度程序

时间:2016-02-08 21:28:19

标签: javascript jquery primefaces fullcalendar

我无法在primefaces中心布局上呈现完整的日历调度程序。我在index.xhtml中包含了以下.js

<h:outputStylesheet library="css" name="fullcalendar.min.css"/>  
<h:outputStylesheet library="css" name="scheduler.min.css"/>
<h:outputScript library="js" name="jquery.min.js" target="head"/>
<h:outputScript library="js" name="moment.min.js" target="head"/>
<h:outputScript library="js" name="full.min.js" target="head"/>
<h:outputScript library="js" name="scheduler.min.js" target="head"/>
<h:outputScript library="js" name="myScheduler.js" target="head"/>

在&#34; myScheduler.js&#34;我有:

$(document).ready(function () { // document ready

jQuery('#calendar').full({
    schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',

我在index.xhtml主体的primefaces中心布局下使用fullcalender scheduler <div>,如下所示:

<p:layoutUnit position="center">
            <h:panelGroup layout="block">
                <div id='calendar'/>
            </h:panelGroup>                  
        </p:layoutUnit> 

1 个答案:

答案 0 :(得分:0)

通过在.xhtml的标题中添加以下内容来解决:

h:outputScript library="primefaces" name="jquery/jquery.js" target="head"/>