|
<!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>
|