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 相关文章推荐
javascript不可用的问题探究
Oct 01 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
jQuery使用$.ajax提交表单完整实例
Dec 11 Javascript
理解javascript中try...catch...finally
Dec 25 Javascript
JS实现简单的tab切换选项卡效果
Sep 21 Javascript
jquery精度计算代码 jquery指定精确小数位
Feb 06 Javascript
微信小程序-获得用户输入内容
Feb 13 Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 Javascript
基于Vue2.X的路由和钩子函数详解
Feb 09 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
小程序实现日历左右滑动效果
Oct 21 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 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
PHP安全配置
2006/12/06 PHP
实用函数5
2007/11/08 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
JavaScript Timer实现代码
2010/02/17 Javascript
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
2018/10/24 jQuery
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
Python中__name__的使用实例
2015/04/14 Python
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
python实现中文转换url编码的方法
2016/06/14 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
TensorFlow tensor的拼接实例
2020/01/19 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
办公室人员先进事迹
2014/01/27 职场文书
本科毕业生专业自荐书范文
2014/02/05 职场文书
《太阳》教学反思
2014/02/21 职场文书
祖国在我心中演讲稿400字
2014/05/04 职场文书
教师批评与自我批评发言稿
2014/10/15 职场文书
学生个人评语大全
2015/01/04 职场文书
英文商务邀请函范文
2015/01/31 职场文书
泰山导游词
2015/02/02 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
SQL Server代理:理解SQL代理错误日志处理方法
2021/06/30 SQL Server