static

calendar.html 6.4KB

    <!DOCTYPE html> <html lang="en"> <head> <title>日历</title> <meta charset="utf-8"> <!-- 宽度自动适配 --> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/> <!-- 不识别页面上的数字为可拨打号码 --> <meta content="telephone=no" name="format-detection"/> <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css"> <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css"> <link rel="stylesheet" type="text/css" href="biz/css/base-wk.css"> <script src="ipu/lib/requirejs/require.min.js"></script> <script src="biz/js/require-config.js"></script> <script src="biz/js/calendar.js"></script> </head> <body class="pages-calendar"> <div class="ipu-flex-row ipu-flex-vertical"> <div class="ipu-flex-col header-container"> <header class="ipu-toolbar"> <h1 class="ipu-toolbar-title">日程</h1> <div class="ipu-fn-right"> <div id="switch-time"> <div class="day checked-switch">日</div> <div class="month">月</div> </div> </div> </header> </div> <div class="ipu-flex-col"> <!-- <form name=CLD>--> <table> <!-- <tr class="header">--> <!-- <td colSpan=7>--> <!-- 公历--> <!-- <select name=SY onchange=changeCld()>--> <!-- <script type="text/javascript">--> <!-- for (i = 1900; i < 2050; i++) document.write('<option>' + i);--> <!-- </script>--> <!-- </select>--> <!-- 年--> <!-- <select name=SM onchange=changeCld()>--> <!-- <script type="text/javascript">--> <!-- for (i = 1; i < 13; i++) document.write('<option>' + i);--> <!-- </script>--> <!-- </select>--> <!-- 月 <font id=GZ></font>--> <!-- </td>--> <!-- </tr>--> <tr class="calendar-header"> <th>日</th> <th>一</th> <th>二</th> <th>三</th> <th>四</th> <th>五</th> <th>六</th> </tr> <script type="text/javascript"> var gNum; for (i = 0; i < 6; i++) { if(i!=0){ document.write('<tr class="can-hide">'); }else{ document.write('<tr>'); } for (j = 0; j < 7; j++) { gNum = i * 7 + j; document.write('<td id="GD' + gNum + '"><font id="SD' + gNum + '" '); if (j == 0) document.write(' color=red'); if (j == 6) document.write(' color=blue'); document.write('></font><br><font id="LD' + gNum + '" "></font></td>'); } document.write('</tr>'); } </script> </table> <!-- </form>--> <div class="shrink"> <i class="ri-arrow-up-s-line"></i> </div> <div class="date-choose">2月12日</div> </div> <div class="ipu-flex-col ipu-flex-col-auto"> <div class="time-line-container"> <div class="ipu-flex"> <div class="time-container"> <div class="time-line">上午0时</div> <div class="time-line">上午1时</div> <div class="time-line">上午2时</div> <div class="time-line">上午3时</div> <div class="time-line">上午4时</div> <div class="time-line">上午5时</div> <div class="time-line">上午6时</div> <div class="time-line">上午7时</div> <div class="time-line">上午8时</div> <div class="time-line">上午9时</div> <div class="time-line">上午10时</div> <div class="time-line">上午11时</div> <div class="time-line">上午12时</div> <div class="time-line">下午1时</div> <div class="time-line">下午2时</div> <div class="time-line">下午3时</div> <div class="time-line">下午4时</div> <div class="time-line">下午5时</div> <div class="time-line">下午6时</div> <div class="time-line">下午7时</div> <div class="time-line">下午8时</div> <div class="time-line">下午9时</div> <div class="time-line">下午10时</div> <div class="time-line">下午11时</div> <div class="time-line">下午12时</div> </div> <div class="line-container"> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div> </div> </div> </div> </div> </body> </html>