demo/calendar/index.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <title>小推万年历，简洁美观的手机日历（HTML5版）</title>
   6 <meta name="description" content="小推万年历，简洁美观的手机日历">
   7 <meta name="Keywords" content="万年历,万年历查询,黄历,黄历查询,日历,阳历,阴历,公历,老皇历,黄道吉日,手机日历" />
   8 <meta name="format-detection" content="telephone=no" />
   9 <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1, user-scalable=no" />
  10 <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11 <meta name="apple-mobile-web-app-capable" content="yes">
  12 <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13 <link href="http://cdn.tuijs.com/css/style.min.css?v=20140216" rel="stylesheet" type="text/css">
  14 </head>
  15
  16 <body>
  17 <header class="toolbar" id="toolbar">
  18         <span class="icon icon_calendar"></span>
  19         <h1></h1>
  20     <div class="action"><a href="#" class="today">回今天</a></div>
  21 </header>
  22
  23 <div class="wrapper" id="wrapper">
  24         <div class="date_row date_week">
  25         <div class="date_item">周日</div>
  26         <div class="date_item">周一</div>
  27         <div class="date_item">周二</div>
  28         <div class="date_item">周三</div>
  29         <div class="date_item">周四</div>
  30         <div class="date_item">周五</div>
  31         <div class="date_item">周六</div>
  32     </div>
  33
  34     <div class="slide_wrap">
  35         <div class="date_slide">
  36             <div class="date_list" id="date_list_0">
  37             </div><!--date_list-->
  38
  39             <div class="date_list" id="date_list_1">
  40             </div><!--date_list-->
  41         </div>
  42     </div>
  43
  44     <div class="date_info">
  45         <div class="date_lunar_info"></div>
  46         <div class="date_fetv"></div>
  47         <div class="date_gan_zhi"></div>
  48
  49         <div class="date_hl">
  50             <div class="date_hl_item">
  51                 <div class="hl_y circle">宜</div>
  52                 <span class="hl_y_content"></span>
  53             </div>
  54
  55             <div class="date_hl_item">
  56                 <div class="hl_j circle">忌</div>
  57                 <span class="hl_j_content"></span>
  58             </div>
  59         </div>
  60     </div><!--date_info-->
  61 </div>
  62 <div style="overflow:hidden; width:0px; height:0px;"><img src="http://cdn.tuijs.com/upload/weixin_icon.png" /></div>
  63 <script type="text/javascript" src="http://cdn.tuijs.com/js/zepto.min.js"></script>
  64 <script type="text/javascript" src="http://cdn.tuijs.com/js/hammer.min.js"></script>
  65 <script type="text/javascript" src="http://cdn.tuijs.com/js/jquery.hammer.min.js"></script>
  66 <script type="text/javascript" src="http://cdn.tuijs.com/js/LunarCalendar.min.js?v=20140216"></script>
  67 <script type="text/javascript" src="http://cdn.tuijs.com/js/calendar.min.js?v=20140216"></script>
  68 </body>
  69 </html>