# \[求解答\]如何在Windows中使用Github上的tui-calendar项目？

**URL:** <https://meta.appinn.net/t/topic/35642>\
**Category:** 问题求助\
**Tags:** windows\
**Created:** [2022 年8 月 25 日 10:01 UTC](https://meta.appinn.net/t/topic/35642 "2022-08-25T10:01:38Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![seayadf](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/s/d9b06d/32.png) [@seayadf](https://meta.appinn.net/u/seayadf)\
**Post date:** [2022 年8 月 25 日 10:01 UTC](https://meta.appinn.net/t/topic/35642/1 "2022-08-25T10:01:38Z")

</div>

**首先感谢各位，抱歉本人实在不懂。**  
是这样，我需要一个排期日历本，在Github上搜索到一个 [tui-calendar项目](https://github.com/nhn/tui.calendar)  
通过查看基本的安装说明，我在群晖中使用npm命令安装了这个项目，但是报了错，错误代码为

```auto
npm WARN saveError ENOENT: no such file or directory, open '/root/package.json'
npm WARN enoent ENOENT: no such file or directory, open '/root/package.json'
npm WARN root No description
npm WARN root No repository field.
npm WARN root No README data
npm WARN root No license field.

```

通过排错，最后是

```auto
npm WARN root@1.0.0 No description
npm WARN root@1.0.0 No repository field.

```

搜索后发现这个错误不影响使用  
**但是但是，我完全不知道下一步应该怎样才能使用这个，所以求助各位，我下一步怎样才能使用这个项目**

- 我的设想：通过链接打开一个页面，然后就能使用这个项目
- 进一步的设想：现在是运行在群晖上，能不能通过windows10来运行这个项目？能不能简单指导一下步骤。

**再次感谢**

---

<div class="post-metadata">

**Author:** ![dms](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dms/32/3545_2.png) [@dms](https://meta.appinn.net/u/dms)\
**Post date:** [2022 年8 月 25 日 10:33 UTC](https://meta.appinn.net/t/topic/35642/2 "2022-08-25T10:33:14Z")

</div>

这是一个前端工具库，其实你不需要下载，直接引用就可以了。

在文档中： [tui.calendar/getting-started.md at main · nhn/tui.calendar · GitHub](https://github.com/nhn/tui.calendar/blob/main/docs/en/guide/getting-started.md#using-contents-delivery-network)

但这只是库，不是现成的网页，网页还要自己写一下，倒是不难，只要了解基本的网页结构，按着他讲的引入 JS 和 CSS，再抄两句他的代码就好。代码如下：

保存为 `index.html` 再打开就行了。（他的文档里有个错误，链接地址里多了个空格，我给改了

```auto
<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="https://uicdn.toast.com/calendar/latest/toastui-calendar.min.css" />
  <script src="https://uicdn.toast.com/calendar/latest/toastui-calendar.min.js"></script>
</head>
<body>
  <div id="calendar" style="height: 600px;"></div>
  <script>
    const Calendar = tui.Calendar;
    const container = document.getElementById('calendar');
    const options = {
      defaultView: 'week',
      timezone: {
        zones: [
          {
            timezoneName: 'Asia/Seoul',
            displayLabel: 'Seoul',
          },
          {
            timezoneName: 'Europe/London',
            displayLabel: 'London',
          },
        ],
      },
      calendars: [
        {
          id: 'cal1',
          name: 'Personal',
          backgroundColor: '#03bd9e',
        },
        {
          id: 'cal2',
          name: 'Work',
          backgroundColor: '#00a9ff',
        },
      ],
    };

    const calendar = new Calendar(container, options);
  </script>
</body>
</html>

```

---

<div class="post-metadata">

**Author:** ![seayadf](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/s/d9b06d/32.png) [@seayadf](https://meta.appinn.net/u/seayadf)\
**Post date:** [2022 年8 月 25 日 13:48 UTC](https://meta.appinn.net/t/topic/35642/3 "2022-08-25T13:48:02Z")

</div>

**首先非常感谢您！**  
刚才按照您的说明尝试了一下，发现还需要一定的网页基础才能完整发挥这个项目的展示功能，现在的需求如下：

- 只能内部网络使用，无互联网
- 能在win10或者群晖中使用，最好是win10
- 能在49版本以后的chrome中运行，ie可以不兼容
- 按月显示样式同 [tui.calendar](https://github.com/nhn/tui.calendar)，能在网页中自己安排日程，且安排好以后可以修改日程的颜色，日程默认的颜色如黑色，可以随时修改成字体绿色或者蓝色，周六日最好是灰色，（法定节假日灰色，补班日变成白色），大概可以同tui.calendar展示的一样。（现在有以一个共享excel，里边按月生成了日期，但是excel使用起来稍微不方便，现在想升级成网页形式）

我没有任何html基础，也不知道这个做起来是否费劲，如果可以的话，能不能方便有偿做一个，谢谢。

---

<div class="post-metadata">

**Author:** ![dms](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dms/32/3545_2.png) [@dms](https://meta.appinn.net/u/dms)\
**Post date:** [2022 年8 月 25 日 13:51 UTC](https://meta.appinn.net/t/topic/35642/4 "2022-08-25T13:51:29Z")

</div>

前面三项不存在问题，最后一项我得明天仔细看看它的文档再回答。

---

<div class="post-metadata">

**Author:** ![seayadf](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/s/d9b06d/32.png) [@seayadf](https://meta.appinn.net/u/seayadf)\
**Post date:** [2022 年8 月 25 日 13:52 UTC](https://meta.appinn.net/t/topic/35642/5 "2022-08-25T13:52:11Z")

</div>

好的，非常感谢您的耐心和时间。

---

<div class="post-metadata">

**Author:** ![dms](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dms/32/3545_2.png) [@dms](https://meta.appinn.net/u/dms)\
**Post date:** [2022 年8 月 25 日 14:07 UTC](https://meta.appinn.net/t/topic/35642/6 "2022-08-25T14:07:04Z")

</div>

其实你的需求就是把 Excel 中的数据用好看的网页形式在局域网中分享吧？

所以，一个个创建事件，或者把 Excel 里的东西批量塞进去，你会选择哪个？

---

<div class="post-metadata">

**Author:** ![seayadf](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/s/d9b06d/32.png) [@seayadf](https://meta.appinn.net/u/seayadf)\
**Post date:** [2022 年8 月 25 日 15:08 UTC](https://meta.appinn.net/t/topic/35642/7 "2022-08-25T15:08:42Z")

</div>

是需要一个个创建事件。

**我在写完下边的文字后，感觉已经大大超出了刚开始的提问，要求可能也太高了，不知道有没有较为简单的方案，希望不要占用您太多的时间，再次感谢您**

抱歉，可能是我没有表达清楚，是这样的，我的工作每组有2-3个人，每天都会有若干新的任务，每个任务周期大约2个月，这个任务需要一组人一起完成，我们会定一个日期的上午或者下午集中处理这个任务（但是因为有新情况发生，不一定能在预定日期处理，就需要更改日期或者把预定日期该成别的任务）。

最早我们是用一个日历本，每天看今天要处理那个任务，把新的任务写在日历山上，同时会根据情况对后面不能集中处理的安排做出修改。这种方式很直观，但是很不方便，且修改很多，到最后都看不清了。

现在是用一个excel，基本功能就是把前一个日历本做成一个表格，实现共享。这种方式依赖excel程序，比较受限制。

我现在的想法是有一个同样功能的网页版本，从今以后使用这个版本，以后的新安排用这个网页。

其他需求

- 运行在win10或者群晖中，最好是win10，同一内网的其他人可以根据ip+端口形式访问这个网页，网页可以自由编辑，可以没有用户名
- 每一天能分上下午显示，例如上午没有安排，那么当天上半空格空出，下半空格显示下午安排
- 每一个日程可以更改字体颜色或背景颜色，以区分不同情况
- 展示方式上，最好是一周一行，周一开始，周六日灰色阴影，但是也可以自由编辑，同时显示当前周的上一周、当前周、下3周
- 可能还需要考虑一下2个人同时在同一天上午或下午添加日程冲突的情况，这个如果不好做可以先不做

目前，有一个群晖的插件Synology calendar，比较接近我我的需求，但是使用中发现不太灵活，不能直观显示上下午，字体颜色不能整体更改

---

<div class="post-metadata">

**Author:** ![dms](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dms/32/3545_2.png) [@dms](https://meta.appinn.net/u/dms)\
**Post date:** [2022 年8 月 25 日 21:36 UTC](https://meta.appinn.net/t/topic/35642/8 "2022-08-25T21:36:46Z")

</div>

这不就是协作办公的基本需求，各种协作办公工具都有，这个人数使用基本都是免费的

---

<div class="post-metadata">

**Author:** ![dms](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dms/32/3545_2.png) [@dms](https://meta.appinn.net/u/dms)\
**Post date:** [2022 年8 月 25 日 23:38 UTC](https://meta.appinn.net/t/topic/35642/9 "2022-08-25T23:38:58Z")

</div>

几乎任意支持多人协作的日历、待办、任务管理工具都可以满足这个需求。

最适合的是各种团队协作工具，一般 5~10 人的用量都是免费的，很值得考虑。

* * *

你找到着这个只是一个前端库，打个比方，这是一个能力很强的服务生，但是身后没有厨师，这个餐馆还是没法正常营业的。

现在你的需求是把后台部分补齐，虽然要求并不高，但还是要完成一整套的使用逻辑。在有成熟替代品的情况下并不建议，毕竟自己做费时费力，还未必比专业工具完善。

* * *

或者另一种可能，要求离线（脱离广域网）使用？

---

<div class="post-metadata">

**Author:** ![seayadf](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/s/d9b06d/32.png) [@seayadf](https://meta.appinn.net/u/seayadf)\
**Post date:** [2022 年8 月 26 日 01:34 UTC](https://meta.appinn.net/t/topic/35642/10 "2022-08-26T01:34:14Z")

</div>

您的分析很对

多人协作的工具需要能

- 离线使用
- 部署上存在限制（win10，群晖，其他的我不会 /(ㄒoㄒ)/~~ ）
- 尽量不要太复杂  
不知道您是否了解这样的工具，谢谢

---

<div class="post-metadata">

**Author:** ![dms](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dms/32/3545_2.png) [@dms](https://meta.appinn.net/u/dms)\
**Post date:** [2022 年8 月 26 日 02:01 UTC](https://meta.appinn.net/t/topic/35642/11 "2022-08-26T02:01:21Z")

</div>

一些私人网盘系统带类似的工具，比如 onwcloud、seacloud

本质上就是日历系统，所以本地搭建一个日历服务也是可行的，手机电脑的日历大概都能支持，还有各种邮件客户端也支持同步日历。不过这个东西现在玩的人不太多，所以我个人觉得稳定性和兼容性比较一般。（比如： [Baïkal - baikal](https://sabre.io/baikal/) ）

如果要求不高，大家都有点学习能力，其实一些笔记软件也能胜任。但是同步的即时性是个问题，可能面临同步冲突的解决。（一个可选的方法，大家都远程编辑同一个文件，这样有冲突能及时发现，可以避免很多问题）比如： Obisidian + Day Planners 插件

反正人少，很多软件上的缺陷可以靠相互打个招呼和制定一些内部使用规范来解决。

---

<div class="post-metadata">

**Author:** ![seayadf](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/s/d9b06d/32.png) [@seayadf](https://meta.appinn.net/u/seayadf)\
**Post date:** [2022 年8 月 26 日 12:33 UTC](https://meta.appinn.net/t/topic/35642/12 "2022-08-26T12:33:26Z")

</div>

是的，我决定放弃 😀

---

<div class="post-metadata">

**Author:** ![dms](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dms/32/3545_2.png) [@dms](https://meta.appinn.net/u/dms)\
**Post date:** [2022 年8 月 26 日 12:47 UTC](https://meta.appinn.net/t/topic/35642/13 "2022-08-26T12:47:24Z")

</div>

哈哈哈哈，如果不考虑历史版本，也许……买块白板？

---

<div class="post-metadata">

**Author:** ![seayadf](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/s/d9b06d/32.png) [@seayadf](https://meta.appinn.net/u/seayadf)\
**Post date:** [2022 年8 月 26 日 15:47 UTC](https://meta.appinn.net/t/topic/35642/14 "2022-08-26T15:47:13Z")

</div>

白板太小，每个月有30+任务，下个月有30+，甚至下下个月也有10+