html+css+js
文章平均质量分 79
●紫枫
这个作者很懒,什么都没留下…
展开
-
fullcalendar应用(三)
效果就是这样,点击查找,如果查不到内容会弹出“请输入内容”查到内容就会跳到新的日程(calendar3),点击取消查找会跳回原来的日程(calendar2),重新显示所有的日程,同时清除查找text标签的内容,清除calendar3的所有事件。与上一篇结合,只是更换几个地方就可以了。html部分,只需要把"findlist"及后面的tabal都去掉换成calendar3就行了。<div style="clear:both"> <div class="calendar_...原创 2021-05-20 10:31:14 · 729 阅读 · 0 评论 -
fullcalendar应用(二)
实现的功能是新建日程事件需要在左侧日历选定指定日期然后点击导航条的新建按钮,弹出新建图层,选择类型,不同的类型显示出的颜色是不一样的。点击左侧日历时,右侧的日程就会调转到对应的日期,点击右侧的事件会将日历跳转到对应的日期的日视图,新建和删除事件右侧日程会跳转到那天,点击右上的搜索会在日历中搜索内容,右侧的日程会变为一个table显示搜索到的内容。点击table也会将左侧日历跳转到对应日期的日视图,点击返回日程列表就会变回日程显示。代码如下,我只是自己研究玩的,没有正规培训过,很多代码可能没有按照正规的..原创 2021-05-19 13:41:12 · 1182 阅读 · 0 评论 -
fullcalendar应用(一)
fullcalendar创建一、下载相关文件fullcalendar官方网站:https://fullcalendar.io/普通版本可以免费下载,一些定制的东西需要付费。点击GET STARTED,进入使用介绍页面点击Initialize with Script Tags(直接点这个也可以跳转)在这里就可以下载了。我使用的是5.6版本的,现在已经出到5.7了。另外我使用的bootstrap是4.6版本(bootstrap4首页)js是3.6.0版本 (jQuery首页)二、创建c原创 2021-05-18 17:19:13 · 1561 阅读 · 0 评论 -
div+css页面布局实战
程序员学院-CSDN https://edu.csdn.net/learn/26531?spm=1002.2001.3001.4157Div+Css页面布局实战style样式设置元素属性#box{}id为box的元素.box{}class为box的元素#box>div box下的div元素#box>div:first-child box下的第一个div元素 或 #box>div:nth-child(1)#box>div:nth-child(2) box原创 2021-04-07 20:44:33 · 371 阅读 · 0 评论