jquery almanac实现带农历老黄历日历效果代码
代码语言:html
所属分类:其他
代码描述:jquery almanac实现带农历老黄历日历效果代码,显示了农历及每日的运势、天干、地支、二十四节气等。
代码标签: jquery almanac 农历 老黄历 日历
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" /> <title>BFW NEW PAGE</title> <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script> <script type="text/javascript"> bready(function() { use(["almanac", "almanac"], function() { $("#id_almanac").almanac({ /** * 画日历之后调用函数 */ afterDrawCld: function(year, month){ // console.log('加载-调用回调函数 完成'); }, /** * 双击某一天的事件 */ dbClickDay: function(elem){ var _this = $(elem); _this.css({"background-color": "#fefbeb"}); _this.siblings().css({"background-color": "#fff"}); }, /** * 单击某一天的事件 */ clickDay: function(elem){ var _this = $(elem); _this.css({"background-color": "#fefbeb"}); _this.siblings().css({"background-color": "#fff"}); } }); }); }); </script> <style> </style> </head> <body> <div class="zh-almanac" id="id_almanac" data-id="2"> <div class="hint-bar clearfix"> <span class="title-bar" id="GZ"> </span> <div class="control-bar"> <div class="control-module year-control"> <a class="prev" id="nianjian" action="prev" href="javascript:;"></a> <div class="control"><i class="trigger"></i> <div val="2015" class="field year">2015年</div> </div> <a class="next" id="nianjia" action="next" href="javascript:;"></a> <ul class="list year-list hidden"> </ul> </div> <div class="control-module month-control"> <a class="prev" id="yuejian" action="prev" href="javascript:;"></a> <div class="control"><i class="trigger"></i> <div val="7" class="field month">7月</div> </div> <a class="next" id="yuejia" action="next" href="javascript:;"></a> <.........完整代码请登录后点击上方下载按钮下载查看
网友评论0