-
Notifications
You must be signed in to change notification settings - Fork 0
/
reserve-ticket.html
156 lines (144 loc) · 5.51 KB
/
reserve-ticket.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>车票预订</title>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="build/seed-min.js" type="text/javascript" charset="utf-8"></script>
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="bookmark" href="img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="build/css/bui-min.css" />
<link rel="stylesheet" type="text/css" href="build/css/dpl-min.css" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/verifyCode.js" type="text/javascript" charset="utf-8"></script>
<link href="css/station.css" rel="stylesheet" type="text/css">
<script src="js/station_name.js" type="text/javascript"></script>
<script src="js/favorite_name.js" type="text/javascript"></script>
<script src="js/city_name.js" type="text/javascript"></script>
</head>
<body>
<div id="container">
<div id="header">
<div id="header-warp">
<div id="logo" class="fl">
<img src="img/logo.png" alt="苏氏铁路客运服务系统logo" />
</div>
<div id="menu" class="fr">
<div id="logo-status" class="fr">
<span id="" style="margin-right: 20px;">
您好,请
<a href="#">登录</a> |
<a href="#">注册</a>
<a href="#" class="myInfo" style="margin-left: 10px;">个人中心<span class="x-caret x-caret-down"></span>
</a>
</span>
</div>
<div id="nav" class="fr">
<ul>
<li><a href="index.html">首页</a>
</li>
<li><a href="reserve-ticket.html" class="current">车票预订</a>
</li>
<li><a href="search-ticket.html">余票查询</a>
</li>
<li><a href="news.html">最新信息</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="content">
<div id="select-warp" class="" style="font-size: 0.8em;margin: 10px 0px ;padding: 10px 0px;border: 1px solid #478DCD;border-radius: 3px;background: #EEF1F8;">
<label for="">出发地</label>
<input name="fromStationText" maxlength="15" value="简码/汉字" id="fromStationText" style="width:100px;" class="input_20txt_gray" type="text" />
<label for="">目的地</label>
<input name="toStationText" maxlength="15" value="简码/汉字" id="toStationText" style="width:100px;" class="input_20txt_gray" type="text" />
<label for="">出发日</label>
<input type="text" name="" class="calendar" id="departday" value="" />
<input type="button" name="" id="search-btn" value="查询" />
<div style="top:0;left:0;z-index:1000;POSITION: absolute;">
<div style="overflow: hidden; left: 323px; top: 90.5px; display: none;" id="form_cities">
<div id="top_cities">简码/汉字或↑↓</div>
<div id="panel_cities"></div>
<div style="display: block;" id="flip_cities" >
« 向前 <a href="" class="cityflip" onclick="city_showlist(1);return false;">向后 »</a>
</div>
</div>
</div>
<div style="top:0;left:0;z-index:1000;POSITION: absolute;">
<div style="overflow: hidden; display: none; left: 323px; top: 90.5px;" id="form_cities2">
<div id="top_cities1"> </div>
<div id="panel_cities2"></div>
</div>
</div>
</div>
<div id="search-result">
</div>
</div>
<div id="footer">
<p><a href="">关于我们</a>|<a href="">版权声明</a>
</p>
<p>版权所有©2006-2015 苏氏工作室</p>
</div>
</div>
<style type="text/css">
.x-datepicker-disabled span {
color: #ccc;
}
</style>
<script type="text/javascript">
$(function(){
$("#search-btn").click(function(){
if($("#fromStationText").val().length < 1 || $("#fromStationText").val() == "简码/汉字"){
alert("请输入出发地");
}else if($("#toStationText").val().length < 1 || $("#toStationText").val() == "简码/汉字"){
alert("请输入目的地");
}else if($("#departday").val().length < 1 || $("#departday").val() == ""){
alert("请输入乘车日期");
}else{
$("#search-result").text(
$("#fromStationText").val()+"-->"+$("#toStationText").val()
);
}
});
BUI.use(["bui/menu","bui/calendar"],function(Menu,Calendar){
var dropMenu = new Menu.PopMenu({
elCls:'showmenu',
trigger : '.myInfo',
autoRender : true,
triggerEvent : 'mouseenter',
triggerHideEvent : 'mouseleave',
autoHideType:'leave',
width : 100,
children : [{
id:'info',
content : "个人信息",
},{
id:'orders',
content : "订单中心"
},{
id:'linkman',
content : "常用联系人"
}]
});
dropMenu.on('click', function(){
alert(dropMenu.get("link"));
});
var newDate = new Date();
var year = newDate.getFullYear();
var month = newDate.getMonth()+1;
var day = newDate.getDate();
var datepicker = new Calendar.DatePicker({
trigger:'.calendar',
minDate : year+"-"+month+"-"+day,
maxDate : year+"-"+(month+1)+"-"+day,
autoRender : true
});
});
});
</script>
</body>
</html>