| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>设置提醒</title>
- <meta name="author" content="yihu.com"/>
- <meta name="format-detection" content="telephone=no">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
- <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
- <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
- <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
- <script src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
- <link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css"/>
- <script src="../../../js/mui.min.js"></script>
- <script src="../../../js/app.js"></script>
- <script src="../../../js/common_http.js"></script>
- <script src="../js/sanshitijiao.js" type="text/javascript" charset="utf-8"></script>
- <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
- <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
- <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
- </head>
- <body class="bgc-f9f9f9">
- <!--<div class="h45">
- <div class="demo-comtop">
- <a class="mui-action-back"></a>
- <h1>设置提醒</h1>
- </div>
- </div>-->
- <div class="c-main">
- <div class="wis-fix c-border-b mt15">
- <ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
- <li>
- <div class="c-list-value pr30">
- <h4><i class="required"></i>设置日期</h4>
- </div>
- <div class="c-list-info">
- <div class="input-group width-100">
- <input type="text" class="form-control width-100 no-border" placeholder="请选择设置日期" data-time="date" id="date">
- <span class="form-select-arrow"></span>
- </div>
- </div>
- </li>
- <li>
- <div class="c-list-value pr30">
- <h4><i class="required"></i>设置时间</h4>
- </div>
- <div class="c-list-info">
- <div class="input-group width-100">
- <input type="text" class="form-control width-100 no-border" placeholder="请选择时间" data-time="time" id="time">
- <span class="form-select-arrow"></span>
- </div>
- </div>
- </li>
- </ul>
- </div>
- <ul class="n-list c-border-tb mt10 doc-detail">
- <li class="ptb12">
- <div class="n-list-key pr15 c-f15"><i class="required"></i>提醒内容</div>
- </li>
- <li class="n-list-cover ptb12">
- <div class="n-list-info">
- <textarea id="txtContent" class="r-textarea" rows="4" placeholder="请尽可能描述清楚您的提醒（请至少输入10个字）。"></textarea>
- </div>
- </li>
- </ul>
- <div class="bottom-box clearfix mt20 plr15">
- <a href="javascript:;" id="save" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f16">确定</a>
- </div>
- </div>
- </body>
- <script type="text/javascript">
- $(function() {
- $('input[data-time=date]').mobiscroll({
- preset: 'date',
- theme: 'ios',
- lang: 'zh',
- minDate: new Date(1900, 01, 01)
- });
- $('input[data-time=time]').mobiscroll({
- theme: 'ios',
- lang: 'zh',
- formatValue: function(d) {
- return d.join(',');
- },
- customWheels: true,
- wheels: [
- [{
- keys: ['08:00', '08:30', '09:00', '10:00', '11:00', '12:00'],
- values: ['08:00', '08:30', '09:00', '10:00', '11:00', '12:00']
- }]
- ],
- onSelect: function(valueText, inst) {
- var dd = eval("[" + valueText + "]");
- $('input[data-time=time]').val(dd[0].values);
- }
- });
- })
- </script>
- </html>
|
