tui.calender超详细使用总结
文章平均质量分 64
1. 课程的创建、删除、修改
2. 自定义日历样式,如表头,弹窗,事件内容等
FIRE
这个作者很懒,什么都没留下…
展开
-
tui.calender日历在vue中的安装与使用
月、周、日视图都有,拖拽也比较方便,但是自己用起来比较费劲,参考文档写得不全,做个记录日后方便参考,我用的vue。import的这些文件自己根据路径去项目中找到然后复制到自己的项目,不出意外就可以跑出来了。这些是options里面参数的介绍和日历的方法,可以挨个看看。1.首先搭建自己的项目,然后安装。安装可能遇到的报错以及解决方法。options选项里的字段。原创 2023-08-09 16:58:07 · 1067 阅读 · 3 评论 -
tui.calender日历创建、删除、编辑事件、自定义样式
template>:view="'month'" // 日历视图展示类型,可按日、周、月展示:use-form-popup="true" // 是否打开创建事件弹窗:use-detail-popup="true" // 是否打开查看事件详情弹窗:week="{}" // 周日历的参数配置:month="{ startDayOfWeek: 1 }" // 月日历从周x开始展示:timezone="{ zones }" // 时区设置。原创 2024-01-19 23:06:44 · 741 阅读 · 0 评论 -
tui.calender自定义表头内容、样式
tui.calender的样式自定义不是很方便,如果不是非要不可的需求,直接用原来的就好,这篇文章和下一篇文章记录两个最重要的部分:表头和事件,这篇先写表头,使用vue2。文档说明了哪些可以通过template属性去自定义修改。全英文的,看多了就熟悉,可以用翻译插件看tui.calender官方文档,Template list里的东西研究透了,很多想要自定义的东西就会写了。推荐一个沉浸式翻译的插件。原创 2024-01-26 23:24:13 · 361 阅读 · 2 评论