多功能日历组件——日程安排

日历组件

一个多功能的日历组件,支持纯 JavaScript、React 和 Vue 。提供日历功能,拖拽调整日程、默认弹出窗口等,可以轻松实现日程安排。

源码编译

运行环境: node 18.15.0
源码目录: cd tui.calendar-2.1.3
安装依赖: npm install
编译打包: npm run build
编译成功,生成dist目录

JS简单示例

组件功能很强大,可对日历进行灵活定制,如:主题颜色、事件样式、时间格式等,适合用于员工排班管理、会议安排、项目进度跟踪,待办事项等功能。

JS示例关键代码

<main id="app"></main>

<script type="text/javascript">
	var Calendar = window.tui.Calendar;

	var cal = new Calendar('#app', {
		defaultView: 'month',
		calendars: MOCK_CALENDARS,
		month: {
			workweek: true,
		},
		week: {
			workweek: true,
		},
	});
</script>
CentOS 9.0 安装 MySQL 8.4 1分钟判断2个IP是否相同网段
微信公众号