全球主机交流论坛

标题: 再求node.js大佬 [打印本页]

作者: 蹴鞠 时间: 2020-3-23 12:03
标题: 再求node.js大佬
本帖最后由蹴鞠于 2020-3-23 12:05 编辑

github上的一个项目

https://github.com/nhn/tui.calendar

复制代码

在这个地方我一直没办法引入到html，请问大佬我应该怎么引入？

<body>
...
<div id="calendar" style="height: 800px;"></div>
...
</body>

复制代码

var Calendar = tui.Calendar;

复制代码

var Calendar = require('tui-calendar'); /* CommonJS */
require("tui-calendar/dist/tui-calendar.css");
// If you use the default popups, use this.
require("tui-date-picker/dist/tui-date-picker.css");
require("tui-time-picker/dist/tui-time-picker.css");

复制代码

import Calendar from 'tui-calendar'; /* ES6 */
import "tui-calendar/dist/tui-calendar.css";
// If you use the default popups, use this.
import 'tui-date-picker/dist/tui-date-picker.css';
import 'tui-time-picker/dist/tui-time-picker.css';

复制代码

var calendar = new Calendar('#calendar', {
defaultView: 'month',
taskView: true,
template: {
monthDayname: function(dayname) {
return '<span class="calendar-week-dayname-name">' + dayname.label + '</span>';
}
...
}
});

复制代码

作者: 锦安 时间: 2020-3-23 12:05
照着文档引用就行啊

再说这也不是nodejs啊

作者: 蹴鞠 时间: 2020-3-23 12:07

锦安发表于 2020-3-23 12:05
照着文档引用就行啊

再说这也不是nodejs啊

不用nodejs？之前我用npm直接下载了node里面。

作者: dforel 时间: 2020-3-23 12:10
假如用npm install 安装的话,他是前端资源.nodejs在这种情况下就是辅助打包和辅助开发的工具,

如果真的是 npm install
大概就是
import Calendar from 'tui-calendar'; /* ES6 */
import "tui-calendar/dist/tui-calendar.css";

// If you use the default popups, use this.
import 'tui-date-picker/dist/tui-date-picker.css';
import 'tui-time-picker/dist/tui-time-picker.css'

这个方式引用,.

具体也得看你是什么架构的,本身是vue还是angular还是普通的js.还是react

作者: 蹴鞠 时间: 2020-3-23 12:14

dforel 发表于 2020-3-23 12:10
假如用npm install 安装的话,他是前端资源.nodejs在这种情况下就是辅助打包和辅助开发的工具,

我就用了普通的JS，以前没用过node，不太知道怎么用

作者: 锦安 时间: 2020-3-23 12:22

蹴鞠发表于 2020-3-23 12:07
不用nodejs？之前我用npm直接下载了node里面。

npm是基于nodejs没错,

不过大家通常所说的nodejs项目是指这个项目用到了nodejs,而不是因为用了npm来构建就叫做nodejs项目

作者: 我是一个大水怪 时间: 2020-3-23 13:00
本帖最后由我是一个大水怪于 2020-3-23 13:03 编辑

README都不会看吗？
导入：
```
https://github.com/nhn/tui.calendar#via-contents-delivery-network-cdn
```
使用：
```
https://github.com/nhn/tui.calendar#-usage
```

无论是使用node.js的伪后端，还是webpack管理的前端项目，你都没用到node.js，去管它干什么，碰都别碰（需要时可以去专门学学）。

作者: wweng 时间: 2020-3-23 13:03
提示: 作者被禁止或删除内容自动屏蔽

作者: 蹴鞠 时间: 2020-3-23 13:07

我是一个大水怪发表于 2020-3-23 13:00
README都不会看吗？
导入：
```

就是在使用这里，这个JS，我一直是用node来启动，但是就是有错。

作者: 蹴鞠 时间: 2020-3-23 13:12

wweng 发表于 2020-3-23 13:03
如果你的项目没有用构建系统（就是npm run build之类的是啥你不知道）
https://github.com/nhn/tui.calenda ...

好的，谢谢大佬

作者: 我是一个大水怪 时间: 2020-3-23 13:15
https://c-t.work/s/f17d25499fc647
提取码：ngkp3n

作者: 蹴鞠 时间: 2020-3-23 13:18

我是一个大水怪发表于 2020-3-23 13:15
https://c-t.work/s/f17d25499fc647
提取码：ngkp3n

谢谢大佬

欢迎光临全球主机交流论坛 (https://fd.vvwvv.eu.org/)