Question

我正在使用ionic和cordova开发移动应用程序，我正在尝试使用Fullcalendar和以JSON格式显示MySQL的PHP页面来实现时间表系统。我在使用Fullcalendar显示在页面上时遇到问题。我正在使用在cordova中打包的Angular UI路由器。

这是引用脚本的标题：

    <!--Fullcalendar libs-->
    <link rel='stylesheet' href='../plugins/fullcalendar/fullcalendar.css'/>
    <script src='../plugins/fullcalendar/lib/jquery.min.js'></script>
    <script src='../plugins/fullcalendar/lib/moment.min.js'></script>
    <script src='../plugins/fullcalendar/fullcalendar.js'></script>

在app.js中我放置了“$（document）.ready（function（）”脚本：

var App = angular.module("App", ["ionic"]);

$(document).ready(function() {

// page is now ready, initialize the calendar...

$('#calendar').fullCalendar({
    // put your options and callbacks here
})

});

我在chrome中查看了控制台，但我没有收到任何不规则错误。还有什么我应该做的吗？我对于如何解决这个问题的方法和想法持开放态度，因为在整个项目中实施这个系统已经是一个严重的时间同步。任何帮助将不胜感激。

更新：我试图安装在X31评论中链接的Angular-UI / UI-Calander。但是，在尝试实现库时，我遇到了大量错误，指的是未定义的内容。在重新开始我的步骤并撤消所有ui-calendar安装之后，我又重新启动并设法让Bower工作，但是我已经提供了3个安装jquery的选项。

更新2 ：我设法将错误降低到一个“类型错误：未定义不是一个函数”这让我觉得帽子X31是对的，我错过了一个lib。这是我在html的标题中调用的内容（注意：我已经注释掉了angular.js调用，因为我已经在其他地方调用了它并且它正在发出警告。）：

    <!--Fullcalendar libs-->
    <script type="text/javascript" src="lib/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="lib/jquery-ui/ui/jquery-ui.js"></script>
    <!--<script type="text/javascript" src="lib/angular/angular.js"></script>-->
    <script type="text/javascript" src="lib/angular-ui-calendar/src/calendar.js"></script>
    <script type="text/javascript" src="lib/fullcalendar/fullcalendar.js"></script>
    <script type="text/javascript" src="lib/fullcalendar/gcal.js"></script>

Answer 1

你需要避免使用Angular中的jquery插件，因为它将在角度范围和摘要之外工作（不推荐用于角度应用程序）。您可以尝试角度指令Angular Version of FullCalendar

要添加日历，您可以执行以下操作

<div ui-calendar ng-model="eventSources"></div>

无法在Cordova应用程序中显示Fullcalendar

1 个答案: