jQuery支持添加事件的日历特效代码分享(3种样式)


Posted in Javascript onAugust 24, 2015

支持添加事件jQuery日历是一款可以实时添加删除时间的jquery日历插件代码,感兴趣的朋友快来学习学习吧
运行效果图:----------------------查看效果 下载源码-----------------------

jQuery支持添加事件的日历特效代码分享(3种样式)

小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。
为大家分享的jQuery支持添加事件的日历特效代码如下

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>支持添加事件jQuery日历</title>
<link rel="stylesheet" href="style/documentation.css" type="text/css" />
<link rel="stylesheet" href="style/jalendar.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script><!--jQuery-->
<script type="text/javascript" src="js/jalendar.js"></script>
<script type="text/javascript">
$(function () {
 $('#myId').jalendar({
 customDay: '2017/12/01', // Format: Year/Month/Day
 color: '#ed145a', // Unlimited Colors
 lang: 'EN' // Format: English — 'EN', Türkçe — 'TR'
 });
 $('#myId2').jalendar({
 customDay: '2016/02/29',
 color: '#023447',
 lang: 'ES'
 });
 $('#myId3').jalendar();
});
</script>

</head>

<body>
 
<article>

 <div id="myId" class="jalendar">
 <div class="added-event" data-date="14/12/2017" data-time="Tüm Gün" data-title="WWDC 13 on San Francisco, LA"></div>
 <div class="added-event" data-date="16/12/2017" data-time="20:45" data-title="Tarkan İstanbul Concert on Harbiye Açık Hava Tiyatrosu"></div>
 <div class="added-event" data-date="17/12/2017" data-time="21:00" data-title="CodeCanyon İstanbul Meeting on Starbucks, Kadıköy"></div>
 <div class="added-event" data-date="17/12/2017" data-time="22:00" data-title="Front-End Design and Javascript Conferance on Haliç Kongre Merkezi"></div>
 <div class="added-event" data-date="17/12/2017" data-time="22:00" data-title="Lorem ipsum dolor sit amet"></div>
 </div>

<div id="myId2" class="jalendar"></div>
 
<div id="myId3" class="jalendar mid">
 <div class="added-event" data-date="9/8/2013" data-time="Tüm Gün" data-title="WWDC 13 on San Francisco, LA"></div>
 <div class="added-event" data-date="16/8/2013" data-time="20:45" data-title="Tarkan İstanbul Concert on Harbiye Açık Hava Tiyatrosu"></div>
 <div class="added-event" data-date="17/8/2013" data-time="21:00" data-title="CodeCanyon İstanbul Meeting on Starbucks, Kadıköy"></div>
 <div class="added-event" data-date="17/8/2013" data-time="22:00" data-title="Front-End Design and Javascript Conferance on Haliç Kongre Merkezi"></div>
 <div class="added-event" data-date="17/12/2017" data-time="22:00" data-title="Lorem ipsum dolor sit amet"></div>
</div>
</article>
<div style="text-align:center;clear:both">
</div>
</body>
</html>

以上就是为大家分享的jQuery支持添加事件的日历特效代码,希望大家可以喜欢。

Javascript 相关文章推荐
文本加密解密
Jun 23 Javascript
JS 表单验证大全
Nov 23 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
js判断是否是手机页面
Mar 17 Javascript
js异步编程小技巧详解
Aug 14 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
May 27 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
js实现延迟加载的几种方法详解
Jan 19 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 05 Javascript
jQuery实现的多级下拉菜单效果代码
Aug 24 #Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 #Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 #Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 #Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 #Javascript
jquery带下拉菜单和焦点图代码分享
Aug 24 #Javascript
javascript中SetInterval与setTimeout的定时器用法
Aug 24 #Javascript
You might like
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
php处理文件的小例子(解压缩,删除目录)
2013/02/03 PHP
五款PHP代码重构工具推荐
2014/10/14 PHP
ThinkPHP实现ajax仿官网搜索功能实例
2014/12/02 PHP
php 微信公众平台开发模式实现多客服的实例代码
2016/11/07 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
2012/03/07 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
JavaScript的垃圾回收机制与内存管理
2020/08/06 Javascript
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
Django在Win7下的安装及创建项目hello word简明教程
2014/07/14 Python
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
通过源码分析Python中的切片赋值
2017/05/08 Python
Python中字典和集合学习小结
2017/07/07 Python
python3+selenium自动化测试框架详解
2019/03/17 Python
python射线法判断检测点是否位于区域外接矩形内
2019/06/28 Python
如何使用Python破解ZIP或RAR压缩文件密码
2020/01/09 Python
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
Clos19英国:高档香槟、葡萄酒和烈酒在线购物平台
2020/07/10 全球购物
干部行政关系介绍信
2014/01/17 职场文书
蛋糕店创业计划书
2014/05/06 职场文书
大学生青年志愿者活动总结
2015/05/06 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
导游词之北京明十三陵
2019/10/28 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
mysql定时自动备份数据库的方法步骤
2021/07/07 MySQL
Tomcat配置访问日志和线程数
2022/05/06 Servers