0

我正在研究 aurelia+scheduler poc。我找到了一个用于显示会议事件的独立 js 库。问题是将此 js 与 aurelia 集成。我正在使用 jspm 下载项目依赖项。

有没有人尝试将独立的 js 库与 aurilia.js 集成。

下面是我正在尝试集成的库。

http://javascript.daypilot.org/demo/scheduler/scalehours.html。 

<ai-dialog-body>      

<script>

    function sample(){

    var dp = new DayPilot.Scheduler("dp");

    dp.startDate = new DayPilot.Date("2016-06-28"); 

    dp.cellGroupBy = "Month";
    dp.days = 1;

    dp.cellDuration = 1440;

    dp.timeHeaders = [
        { groupBy: "Day" },
        { groupBy: "Cell" }
    ];
    dp.scale = "Hour";    
    dp.bubble = new DayPilot.Bubble();
    dp.treeEnabled = true;
    dp.rowHeaderWidth = 200;
    dp.resources = [{"id":"test@xyz.com","name":"Test"}];
    dp.events.list = [{"start":"2016-06-27T16:30:00","end":"2016-06-27T17:00:00","text":"Busy","resource":"test@xyz.com","id":2170}] 
    dp.cellWidth = 60;
    dp.init();
}
</script> 
<div id="dp"></div>       
<button onclick="sample()">Ok</button>
</ai-dialog-body>

当参考 3rd 方库类得到以下消息时。

ReferenceError：未定义样本

4

1 回答 1

0

您是否尝试过下载源代码，然后在您的 html 中引用它：

<body aurelia-app>
    <script src="jspm_packages/system.js" charset="utf-8"></script>

    <!-- Place a referece to the downloaded library here -->

    <script src="config.js" charset="utf-8"></script>
    <script type="text/javascript">
        System.import("aurelia-bootstrapper");
    </script>
</body>
于 2016-07-05T05:46:01.553 回答