|
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <!--<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">-->
- <title>绑定订单</title>
- <link rel="stylesheet" href="css/main.css" />
- <link rel="stylesheet" href="css/ui-base.css" />
- <link rel="stylesheet" href="css/ui-box.css" />
- <link rel="stylesheet" href="css/ui-color.css" />
- <link rel="stylesheet" href="css/wx_css/bind_order.css" />
- <link rel="stylesheet" href="css/LCalendar.css">
- </head>
- <body class="bg_color">
- <!--
- 作者：zhaojian
- 时间：2016-10-19
- 描述：绑定订单
- -->
- <div style="background-color: #fffeea;font-size: 0.13rem;color: #50576e;" class="ub ui_p_l15 ui_p_t10 ui_p_b10 ui_p_r15">
- 提示：绑定成功即可查看车辆位置和电子票。
- </div>
- <div class="ub ui_p_l10 ui_p_r10 ui_p_t25 ui_p_b25 ub-ver">
- <!--
- <div style="margin-bottom: 0.02rem;" class="ub commongray_color ui_m_l10">订单号:</div>
- <div style="border-radius: 0.03rem;" class="ub ub-ver ui_p_a15 lightgreen_color input_blur">
- <input id="order_no" style="width: 100%;" onfocus="choose_border_focus(this)" onblur="choose_border_blur(this)" class="ulev2" type="text" value="" placeholder="请输入订单号"/>
- </div>
- -->
- <div style="margin-bottom: 0.02rem;" class="ub commongray_color ui_m_l10 ui_m_t10">手机号码:</div>
- <div style="border-radius: 0.03rem;" class="ub ub-ver ui_p_a15 lightgreen_color input_blur">
- <input maxlength="11" id="phone_no" style="width: 100%;" onfocus="choose_border_focus(this)" onblur="choose_border_blur(this)" class="ulev2" type="text" value="" placeholder="请输入手机号"/>
- </div>
- <div style="margin-bottom: 0.02rem;" class="ub commongray_color ui_m_l10">出发日期:</div>
- <div style="border-radius: 0.03rem;" class="ub ub-ver ui_p_a15 lightgreen_color input_blur">
- <input id="order_no" name="order_no" style="width: 100%;" onfocus="choose_border_focus(this)" onblur="choose_border_blur(this)" class="ulev2" type="text" value="" readonly="" placeholder="请输入出发日期(yyyy-mm-dd)"/>
- </div>
- <div onclick="bind_orderno()" class="ub ub-ver ub-ac bind">绑 定</div>
- </div>
- <div style="display: none;" class="ub ub-ver mengban">
- <div class="alert_success"></div>
- </div>
- </body>
- <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/bind_order.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/LCalendar.js" type="text/javascript" charset="utf-8"></script>
- <script>
- var calendar = new LCalendar();
- calendar.init({
- 'trigger': '#order_no',//标签id
- 'type': 'date',//date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择
- 'minDate':'2016-1-1',//最小日期 注意：该值会覆盖标签内定义的日期范围
- 'maxDate': (new Date().getFullYear()+ 1) + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate()//最大日期 注意：该值会覆盖标签内定义的日期范围
- });
- </script>
- </html>
|
