<script src="https://unpkg.com/lunar-calendar/dist/lunar-calendar.js"></script> 在vue项目里不生效是为什么
时间: 2023-06-19 07:03:35 浏览: 142
可能是因为Vue项目使用了模块化的方式,而该库是通过将其暴露到全局变量中来使用的。你可以尝试将该库导入到Vue组件中,然后在mounted生命周期钩子中使用它。具体方法如下:
1. 安装lunar-calendar库:
```
npm install lunar-calendar --save
```
2. 在Vue组件中导入lunar-calendar库:
```
import LunarCalendar from 'lunar-calendar';
```
3. 在mounted生命周期钩子中使用LunarCalendar:
```
mounted() {
const lunar = LunarCalendar.solarToLunar(new Date());
console.log(lunar);
}
```
这样就可以在Vue项目中使用lunar-calendar库了。
相关问题
获取:1 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar InRelease [267 kB] 获取:2 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar-updates InRelease [109 kB] 获取:3 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar-backports InRelease [99.8 kB] 获取:4 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar-security InRelease [109 kB] 获取:5 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar/restricted Sources [24.7 kB] 获取:6 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar/universe Sources [19.0 MB] 获取:7 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar/main Sources [1,363 kB] 获取:8 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar/multiverse Sources [296 kB] 获取:9 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports lunar/main amd64 Packages [1,396 kB] 其中 <rosdistro> 可以替换为什么?
在这个例子中,<rosdistro> 是无法替换的,因为这里的命令是在获取 Ubuntu 系统的软件源信息。如果你要获取 ROS 的软件源信息,<rosdistro> 应该替换为 ROS 的发行版名称,如 "melodic"、"kinetic"、"noetic" 等。请注意,在这个例子中并没有涉及到获取 ROS 软件源的操作,只是获取了 Ubuntu 系统的软件源信息。
PS D:\Project\educations\source\Saber> npm install lunar-calendar-js npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/lunar-calendar-js - Not found npm ERR! 404 npm ERR! 404 'lunar-calendar-js@*' is not in this registry. npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. npm ERR! A complete log of this run can be found in: C:\Users\Administrator\AppData\Local\npm-cache\_logs\2023-05-31T09_55_12_729Z-debug-0.log
看起来 lunar-calendar-js 已经从 npm 中移除了,可以尝试使用其他的农历转公历库。
一个可选的库是 lunar-calendar,可以通过以下命令安装:
```
npm install lunar-calendar
```
使用方法与上面提到的 lunar-calendar-js 类似,示例代码如下:
```javascript
import LunarCalendar from 'lunar-calendar';
const lunarDate = new LunarCalendar().setFullYear(2023).setMonth(3).setDay(12).getSolar();
const dateString = `${lunarDate.getFullYear()}-${lunarDate.getMonth() + 1}-${lunarDate.getDate()} 农历四月十二 18:30:00 星期二`;
console.log(dateString); // 输出:2023-5-30 农历四月十二 18:30:00 星期二
```
需要注意的是,`LunarCalendar` 对象的方法链式调用设置年月日,月份从 0 开始。`getSolar()` 方法将农历日期转换为公历日期,返回一个 `Date` 对象。根据需要,可以使用 `Date` 对象的方法和属性对日期进行操作和格式化。
阅读全文