漂亮的日历插件

来源:https://www.sucaihuo.com/js/1861.html 2017-05-02 16:48浏览(1156) 收藏

这个一款漂亮的日历插件,插件带有时间,节日万年历等等。
漂亮的日历插件
分类:日期时间 > 日期控件 难易:初级
查看演示 下载资源 下载积分: 20 积分

首先引用文件

<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/main.js"></script>

漂亮的万年历,显示日期详情,显示时钟,生成日期,选择年份菜单。

<!-- 选择年份菜单 -->
                          <div class="year_select">
                              <span onclick="BtN('year_d')"><img src="img/left.png"></span>
                                <select onchange="chaCld()" name="SY">
                                  <script>
                                     for(i=1900;i<2050;i++) 
                                    document.write('<option>'+i+"年")
                                  </script>
                                </select> 
                              <span onclick="BtN('year_a')"><img src="img/right.png"></span> 
                          </div>
                          <!-- 回到当天菜单 -->
                          <div  class="home_select">
                               <span onclick="BtN('')"><img src="img/2.png" style="width:26px;height:26px"></span>
                          </div>

                          <!-- 选择月份菜单 -->
                              <div style="display:inline-block;">
                                  <span onclick="BtN('month_d')"><img src="img/left.png"></span>
                                   <select onchange="chaCld()" name="SM">
                                    <script>
                                    for(i=1;i<13;i++) document.write('<option>'+i+"月")
                                    </script>
                                    </select> 
                                  <span onclick="BtN('month_a')"><img src="img/right.png"></span>
                              </div>
标签: 日历时钟
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2