TUI(Toast UI)日历 API 未按预期工作。

问题描述 投票:0回答:2

我已经开始从事一个项目并面临一些问题。在查看日历应用程序时,我发现了这个:

https://github.com/nhnent/tui.calendar#easy-to-use-dragging-and-resizing-a-schedule

这似乎是我的应用程序的最佳包,它具有我的项目所需的所有功能和 UI。下面附上图片

enter image description here

但有趣的是,当我通过从该存储库复制代码并包含指向 html head 标签的 cdn 链接来在本地实例上设置此项目时,它向我显示了下面的界面,该界面非常简单,几乎错过了所有功能,单击插槽时不会出现弹出窗口(时间)也是如此。

enter image description here

我的问题是我做错了什么吗?我刚刚将 CDN 链接包含到我的应用程序并复制了代码。它应该可以工作,但我不知道为什么它不能那样工作。

javascript calendar ui-calendar
2个回答
1
投票

最新版本(1.7.0)有一些依赖项,您必须包含这些依赖项。

tui 代码片段 >= 1.4.0

tui-date-picker >= 3.0.0 是可选的。

tui-time-picker >= 1.0.0 是可选的。

您可以在 github 上找到所有三个插件。


0
投票

我也遇到同样的问题

<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>

<script src="https://uicdn.toast.com/tui.date-picker/latest/tui-date-picker.js"></script>

<script src="https://uicdn.toast.com/tui.time-picker/latest/tui-time-picker.js"></script>



<script src="https://uicdn.toast.com/calendar/latest/toastui-calendar.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/tui-code-snippet.min.js"></script> 




<link rel="stylesheet" href="https://uicdn.toast.com/calendar/latest/toastui-calendar.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://uicdn.toast.com/tui.date-picker/latest/tui-date-picker.css" />
<link rel="stylesheet" href="https://uicdn.toast.com/tui.time-picker/latest/tui-time-picker.css">

这些是我的依赖项。没有错误,但也不弹出,有什么解决办法吗?

© www.soinside.com 2019 - 2024. All rights reserved.