jQuery多功能日历插件 带事件记录功能DEMO演示 -JS/jQuery代码 -演示与下载 -时代Java
.nowjava-demo-box{position:fixed;background-color:rgba(255,255,255,0.25);top:110px;right:5px;z-index:99998;visibility:hidden;opacity:0;pointer-events:none;transition:all .3s;width:200px;height:260px;font-family:"pingfang SC","helvetica neue",arial,"hiragino sans gb","microsoft yahei ui","microsoft yahei",simsun,sans-serif;font-size:15px}.nowjava-demo-box:target{visibility:visible;opacity:1;pointer-events:auto}.nowjava-demo-box>div{width:200px;height:260px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.4);font-size:15px;color:#fff;overflow:auto}.nowjava-demo-box .ctt{margin:0 2px 0 2px}.nowjava-demo-box h1{font-size:16px;margin:20px 2px 5px 2px}.nowjava-demo-box-close{color:#eee;line-height:22px;font-size:80%;position:absolute;right:0;text-align:center;top:0;width:50px;text-decoration:none}.nowjava-demo-box-close:hover{color:#ccc}.nowjava-demo-box-container{width:128px;height:34px;background-color:rgba(0,0,0,0.6);line-height:34px;text-align:center;color:#fff;font-size:13px;position:fixed;top:70px;right:5px;z-index:99999;cursor:pointer;border:1px solid #ccc;font-family:"pingfang SC","helvetica neue",arial,"hiragino sans gb","microsoft yahei ui","microsoft yahei",simsun,sans-serif}.nowjava-demo-box-container a{color:#fff}.nowjava-demo-box-container a:hover{color:#ddd}.nowjava-demo-box-container div:not(:last-of-type){margin-bottom:15px}.nowjava-demo-box-container .nowjava-d-btn{padding:0.2em;border-radius:3px;text-decoration:none}.nowjava-demo-box-container .nowjava-btn-icon{float:left;padding-left:10px;height:32px;line-height:32px;}.nowjava-demo-box-container .nowjava-btn-icon svg{margin:0;padding:0;width:16px;height:32px;line-height:32px;}
下载代码说明
X关闭

基于jQuery实现的带事件记录功能的多功能日历插件源码

之前我们也已经分享过不少jQuery日历插件，有些应用了CSS3的特性，外观就特别漂亮。今天要分享的这款jQuery日历插件不仅有着绚丽的外观，而且带有日期事件记录功能，点击日期即可展开事件记录窗口，你可以设置事件的描述以及提醒的时间，是一款相对实用的jQuery日历插件。
dy>