类似统计打卡日历组件

LIN-z.

于 2022-07-08 16:36:26 发布

阅读量339

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/lay7889/article/details/125681134

版权

本文介绍如何通过npm安装和使用vue-hash-calendar，一个Vue.js的日历组件库。首先，通过命令行安装依赖，然后在main.js中导入并注册组件，最后在Vue组件中直接使用<vue-hash-calendar>标签即可展示日历效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

链接地址：https://github.com/TangSY/vue-hash-calendar

npm安装vue-hash-calendar

npm i -S vue-hash-calendar

在入口文件中（main.js），导入组件库

import vueHashCalendar from 'vue-hash-calendar' 
// 引入组件CSS样式 
import 'vue-hash-calendar/lib/vue-hash-calendar.css' 
// 注册组件库 
Vue.use(vueHashCalendar)

在VUE文件中引入组件

<vue-hash-calendar visible />

效果图：