支持添加事件jQuery日历是一款可以实时添加删除时间的jquery日历插件代码,感兴趣的朋友快来学习学习吧
运行效果图:----------------------查看效果 下载源码-----------------------
小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。
为大家分享的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支持添加事件的日历特效代码,希望大家可以喜欢。
本文向大家介绍jQuery焦点图轮播特效代码分享(3款),包括了jQuery焦点图轮播特效代码分享(3款)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery焦点图轮播特效代码。分享给大家供大家参考。具体如下: jQuery cxSlide实现的三款多功能大气焦点图轮播特效源码,是一段拥有三种不同风格和效果的焦点图轮播代码,其中有两款最有意思,一款是在将焦点图图片分成了四块,每个图
本文向大家介绍jquery图片轮播特效代码分享,包括了jquery图片轮播特效代码分享的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery图片轮播特效。分享给大家供大家参考。具体如下: 这是一款仿淘宝首页jquery轮播焦点图,基于jquery实现仿淘宝网首页正中间小焦点图特效。 运行效果图: -------------------查看效果 下载源码----------------
本文向大家介绍jquery实现多条件筛选特效代码分享,包括了jquery实现多条件筛选特效代码分享的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下: jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间、地点、酒店位置及酒店名称等选项,同时在时间的输入表格中拥有时间选
本文向大家介绍jQuery表单事件实例代码分享,包括了jQuery表单事件实例代码分享的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery表单事件代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍javascript特殊日历控件分享,包括了javascript特殊日历控件分享的使用技巧和注意事项,需要的朋友参考一下 本文为大家分享了一个炫酷的js日历控件,供大家参考,具体内容如下 引用JSLit.js 下载 JSLite.io,兼容 JSLite 和 jQuery 安装方法 页面引用 JSLite 或者jQuery 扩展方法 hidePrevBtn:隐藏上一页 按钮 显示未来
8.2.1 代码介绍 用户与网站的交互动作,可利用事件统计代码进行统计。 (简单)事件统计可支持统计3个维度,1个指标的用户交互动作, 代码如下: stm_clicki('send', 'event', '事件分类', '事件动作', '事件标签', 1); 在使用时,替换以上中文内容即可。 其中, 字段名称 数据类型 字段含义 使用注意项 Category 字符串 事件分类 必填项 Action