首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

FullCalendar - 开源多功能 JavaScript 日历插件

747 字 9图 阅读完需:约 4 分钟 点击上方“青年码农”关注 回复“源码”可获取各种资料 FullCalendar 是一个支持 React、Vue、Angular 和原生 JavaScript 日历插件...一 安装 先安装核心依赖 yarn add @fullcalendar/vue @fullcalendar/core 如果有需要其他插件,也可以通过 yarn 或者 npm 安装,官方提供插件列表(V5...版本) 二 插件 下面这些是免费插件,包含了大部分场景。...还有一些需要额外付费插件。如timeline、timegrid、daygrid等插件。...导入了核心组件和一些扩展组件,在 components 中注册组件 最后使用 FullCalendar 运行项目,日历大概就是这个样子。 options 属性就是控制日历关键。

7.6K1612

程序员时间管理-谷歌日历

一年,新规划。一直说学会改变,一直想实现自己目标,可是迟迟却无法行动,最主要原因就是不会时间管理,不会任务目标的分解。新年第一件事就是搜集了大量关于如何时间管理、目标分解文章。...今年跟大家分享一下,已经用了一段时间工具,谷歌日历。个人感觉用起来相当靠谱一项工具。谷歌日历同事支持浏览器插件和手机APP。具体怎么下载安装就不在这里具体展开了,自行搜索解决。...电脑浏览器插件如下图: 同步到手机APP上显示内容如下: 如此以来,一天工作量和工作计划清楚明了,再也不用操心想干完这事下面该干什么事,也不会丢三落四了。既有备忘功能,又有提醒功能。...作为时间管理,有很多书都在讲番茄工作法,其实利用这么一个工具,就可以简单实现一个番茄工作法。比如,每一个番茄工作时间为25分钟,只用在上面简单编写一个任务,设置提前几分钟提醒就OK了。...用了一段时间感觉的确不错,特意拿来分享一下,里面还有其他一些个性化功能,大家感兴趣的话自己摸索一下。

52630

自定义mapbox插件 - 地图快照下载JS

mapbox 是一个非常好用开源地图引擎,他支持得平台有android,ios,js,rn等等,功能多样,但是对于地图插件开发这一块,没找到具体实施文档。...因此本文以js 为例,来把开发mapbox插件这一过程记录下来。...本文重点放在开发一款mapbox插件,而非下载功能本身,所以具体下载流程在接下来插件开发中插入。 插件开发流程 因为官方没有提供开发插件文档(没找到),因此从0到1这样一步一步来。...在加入这个样式之后,引入插件成功触发了点击方法。之后通过插件本身拿到地图上下文,开始下载。...还有一点需要注意是,如果不是手动触发,而是在地图load时就下载地图的话,需要主动延迟适当时间,因为地图onload方法不包含地图字体显示加载,即区域名称,所以要有必要延迟,以上是我目前解决问题思路

8.8K40

前端|利用js实现在日历签到效果

效果介绍 日历在手机软件里是非常常见一个功能,几乎每一个手机都有一个自带手机日历软件。签到功能也是特别常用,学习通、淘宝、包括学校使用热水软件U易也都有运用。...在一些签到获取积分(或者其他奖励)软件中,签到和日历功能常常是捆绑使用。我们今天要实现也是签到功能和日历捆绑在一起效果。 本次实现效果如下图1.1: ?...关于日历我们需要实现效果有:①判断某一天是星期几;②判断某个月有几天;③判断某一年是平年还是闰年(即二月份是28天还是29天); 关于签到需要实现更多是样式变化:①点击签到之后,签到按钮要发生变化...,从签到变成已签到;②当签到成功后,页面利用模态框显示“签到成功字样”,如图2.1所示;③当签到成功后日历中对应日期要发生相应样式变化; ?...对日历进行实现; 关于日历功能实现具体步骤: (1)利用HTML5代码对页面框架进行搭建: div> <div class="col-xs

5.5K20

9 款样式华丽 jQuery 日期选择和日历控件

1、HTML5移动端外观时尚日期时间选择控件 之前我们介绍过很多基于jQuery日期时间选择控件,比如这款基于Bootstrap和jQuery日历控件和日期选择插件。.../jquery-css3-digit-circle-clock.html) 4、jQuery万年历插件 农历老皇历功能 这是一款基于jQuery日历插件,这款日历插件和之前分享日历控件有很大差异,.../bootstrap-datepicker.html) 6、HTML5/CSS3日期区间日期选择插件 今天我们来分享一款实用HTML5/CSS3日期选择插件,这款日期选择插件外观还是挺清新简易.../html5-date-range-picker.html) 7、jQuery多功能日历插件 事件记录功能 之前我们也已经分享过不少jQuery日历插件,有些应用了CSS3特性,外观就特别漂亮。...今天要分享这款jQuery日历插件不仅有着绚丽外观,而且带有日期事件记录功能,点击日期即可展开事件记录窗口,你可以设置事件描述以及提醒时间,是一款相对实用jQuery日历插件。 ?

23.5K10

js获取当前时间(特定时间格式)

, 可以通过设置类似GUID唯一值,也可以获取当前操作时间来区分,因为时间也是唯一, 在任何时候时间都不会出现重复,当然可以获取就可以设置,所以您也可以人为去设置/修改操作时间。...Date日期对象中获取/设置时间方法: (1)getDate()/setDate /设置日期(具体那一天)。...这些方法获取时间根据设备来获取,设备不同获取时间格式可能不同, 设置获取特定时间日期刚格式:“yyyy-MM-dd HH:MMM:SS”。...//获取特定格式日期时间 "yyyy-MM-dd HH:MMM:SS" function getNewDate() { var date = new Date...,某时区标准时间: 例如中国标准时间,东八区区时 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

15K10

时间控件(选择时间范围插件)「建议收藏」

大家好,又见面了,我是你们朋友全栈君。 后台开发,一般都是有筛选条件查询,那么问题就来了,根据日期范围搜索情况下,插件要怎么选????...这个是最开始,我采用是两个时间插件,其他也没啥,就是运营部门使用起来可能感觉太麻烦,为啥不能一次让我选了,还有说老是忘记选择结束时间,然后就有了我接下来工作。。。.../JS 书写与组织形式,门槛极低,拿来即用。...这个很有研究意义,可以多思考哟 作为时间插件使用,请点击:到layDate插件使用案例 这里面有你想用几乎全部功能,看一下我使用后页面 这样运营同事使用起来更方便也一目了然,真的不错哟 最近又用到了这个时间控件..."height: 30px;line-height: 30px;font-size: 14px;"> <input type="button" class=" down_resume" value="<em>下载</em>简历

5.2K20
领券