将外部事件删除到完整日历后仅显示特定信息

时间:2016-12-12 03:49:19

标签: jquery fullcalendar

我试图在droprd外部事件之后隐藏不必要的部分到完整日历。 以下是外部事件的示例代码。

<div class="external-event external-box-job draggable ui-draggable ui-draggable-handle" data-job_id="695" data-job_code="SRTC00695" id="695" data-event="{'title':'Test department 2'}">
    <div class="job-lists">
        <div class="row">
            <div class="col-xs-12">
                <div class="emp-name">Test Customer  </div> 
                <button style="background-color: #be0101;color:#fff;font-weight: bold;" type="button" class="btn green-meadow normal-state">Urgent</button>
                <button style="background-color: #d468d0;color:#fff;font-weight: bold;" type="button" class="btn green-meadow normal-state">Approved</button>                                                          
            </div>
            <div class="col-xs-3">
                <div class="profile-shedule">
                    <img class="cus_image-pop" src="uploads/customer/1481094745.jpg" alt="...">
                </div>
            </div>
            <div class="col-xs-9">
                <div class="event-sercode">
                    <br><strong style="font-size: 11px; color: #9b9b9b; float: left; width: 100%; border-bottom: solid 1px #dedede; margin-bottom: 7px;">Due Out: 09th Dec 2016 08:06 pm</strong><br>
                    <div class="event-sercode"><strong>Test department 2</strong></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 text-center">
            </div>
        </div>
        <div class="row">
        </div>
    </div>
</div>

我附加图片以显示将外部事件下垂到日历后的错误。 Before drop to calendar

以下是日历后的外部事件。 After drop external event

我只需要展示测试部门2部分。但它显示了所有文本。我怎样才能隐藏不必要的部分?

1 个答案:

答案 0 :(得分:1)

根据 eventReceive 的文档:

“如果通过HTML5属性完成,请确保它是有效的JSON!例如,属性名称必须用双引号括起来!有关更多信息,请参阅parseJSON。”

所以请尝试替换:

<div class="external-event external-box-job draggable ui-draggable ui-draggable-handle" data-job_id="695" data-job_code="SRTC00695" id="695" data-event="{'title':'Test department 2'}">

使用:

<div class='external-event external-box-job draggable ui-draggable ui-draggable-handle' data-job_id='695' data-job_code='SRTC00695' id='695' data-event='{"title":"Test department 2"}'>

最好的问候 的Krzysztof