|
<!DOCTYPE html>
<html lang="en">
<head>
<title>群组日程-选择时间+</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<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.css">
<script src="ipu/lib/requirejs/require.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/page/group-schedule-time-picker.js"></script>
</head>
<body class="pages-schedule-time-picker">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<header class="ipu-toolbar common-bg-white">
<h1 class="ipu-toolbar-title">选择时间</h1>
<a class="ipu-fn-left page-back" href="javascript:history.back();">
<i class="ipu-icon ri-arrow-left-s-line"></i>
</a>
<a class="ipu-fn-right link-finish common-color-blue" href="javascript:;">
完成
</a>
</header>
<div class="schedule-date-conflict-warn ipu-flex-middle">
<i class="icon ri-information-fill"></i>您当前的时间与其它日程存在时间冲突，请注意！
</div>
<div class="ipu-list ipu-list-form common-list form-block common-m-t-0">
<ul>
<li class="ipu-list-item">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex ipu-flex-justify-space">
<div class="ipu-list-item-label">
开始时间
</div>
<div class="ipu-list-item-label">
结束时间
</div>
</div>
<div class="ipu-flex ipu-flex-justify-space link-to-time-pick">
<div class="ipu-list-item-input-wrap ipu-flex-grow-1">
<input class="ipu-list-item-input" type="text" placeholder="请选择开始时间" readonly value="2020-12-12">
</div>
<div class="ipu-list-item-input-wrap ipu-flex-grow-1">
<input class="ipu-list-item-input ipu-txt-right" type="text" placeholder="请选择结束时间" readonly>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="date-block">
<div class="row-date-month">
2020年6月
</div>
<div class="ipu-carousel ipu-hammer-carousel date-picker-row">
<ul class="ipu-carousel-wrapper">
<li class="">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">11</div>
</div>
<div class="row-date-item-wkday">周日</div>
</div>
</li>
<li class="">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">12</div>
</div>
<div class="row-date-item-wkday">周一</div>
</div>
</li>
<li class="picker-begin">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">13</div>
</div>
<div class="row-date-item-wkday">周二</div>
</div>
</li>
<li class="picker ">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">14</div>
</div>
<div class="row-date-item-wkday">周三</div>
</div>
</li>
<li class="picker slt ">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">15</div>
</div>
<div class="row-date-item-wkday">周四</div>
</div>
</li>
<li class="picker-end warn">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">16</div>
</div>
<div class="row-date-item-wkday">周五</div>
</div>
</li>
<li class="">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">17</div>
</div>
<div class="row-date-item-wkday">周六</div>
</div>
</li>
<li class="">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">18</div>
</div>
<div class="row-date-item-wkday">周日</div>
</div>
</li>
<li class="">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">19</div>
</div>
<div class="row-date-item-wkday">周一</div>
</div>
</li>
<li class="">
<div class="row-date-item">
<div class="row-date-item-num-wrap">
<div class="row-date-item-num">20</div>
</div>
<div class="row-date-item-wkday">周二</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="common-page-content">
<ul class="date-time-area">
<li class="date-time-line">
<div class="date-time-line-title">
0:00
</div>
</li>
<li class="date-time-line">
<div class="date-time-line-title">
1:00
</div>
</li>
<li class="date-time-line">
<div class="date-time-line-title">
2:00
</div>
</li>
<li class="date-time-line">
<div class="date-time-line-title">
3:00
</div>
</li>
<li class="date-time-line">
<div class="date-time-line-title">
4:00
</div>
</li>
<li class="date-time-line">
<div class="date-time-line-title">
5:00
</div>
</li>
<li class="date-time-line">
<div class="date-time-line-title">
6:00
</div>
</li>
<li class="date-time-line">
<div class="date-time-line-title">
7:00
</div>
</li>
<li class="date-time-line">
<div class="date-time-line-title">
8:00
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
|
