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