質問編集履歴

1

HTMLソースの追加

2018/04/23 06:32

投稿

rock_square
rock_square

スコア14

test CHANGED
File without changes
test CHANGED
@@ -24,6 +24,260 @@
24
24
 
25
25
  ```
26
26
 
27
+ ↓全体
28
+
29
+
30
+
31
+ ```HTML
32
+
33
+ <!DOCTYPE html>
34
+
35
+ <html lang="ja">
36
+
37
+ <head>
38
+
39
+ <meta charset="utf-8">
40
+
41
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
42
+
43
+ <meta name="viewport" content="width=device-width, initial-scale=1">
44
+
45
+
46
+
47
+ <title>◯◯システム</title>
48
+
49
+
50
+
51
+ <!-- Styles -->
52
+
53
+ <link href="http://localhost/css/app.css" rel="stylesheet">
54
+
55
+ <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
56
+
57
+
58
+
59
+ <!-- jQuery -->
60
+
61
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
62
+
63
+ <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
64
+
65
+
66
+
67
+ <!-- Bootstrap DateTimePicker -->
68
+
69
+ <link rel="stylesheet" type="text/css" media="screen" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
70
+
71
+ <link rel="stylesheet" href="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/v4.0.0/build/css/bootstrap-datetimepicker.css">
72
+
73
+
74
+
75
+ <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
76
+
77
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
78
+
79
+ <script src="moment-ja.js"></script>
80
+
81
+ <script src="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/v4.0.0/src/js/bootstrap-datetimepicker.js"></script>
82
+
83
+ </head>
84
+
85
+
86
+
87
+ <body>
88
+
89
+
90
+
91
+ <div class="container">
92
+
93
+ <div class="row">
94
+
95
+ <div class="col-md-10 col-md-offset-1">
96
+
97
+ <div class="panel panel-default">
98
+
99
+ <div class="panel-heading">フライト追加</div>
100
+
101
+
102
+
103
+ <div class="panel-body">
104
+
105
+ </div>
106
+
107
+
108
+
109
+ <form class="form-horizontal" id="form_add_flight" name="form_add_flight" role="form" method="POST" action="confirm">
110
+
111
+ <input type="hidden" name="_token" value="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX">
112
+
113
+ <div id="_csrf_token_" hidden>XXXXXXXXXX</div>
114
+
115
+ <div id="_arrival_datetime_url_" hidden>http://localhost/arrival_datetime</div>
116
+
117
+ <div id="_departure_datetime_url_" hidden>http://localhost/departure_datetime</div>
118
+
119
+
120
+
121
+ <table class="table table-bordered horizontal-th">
122
+
123
+ <tr class="required">
124
+
125
+ <td colspan="2">
126
+
127
+ <div class="form-group">
128
+
129
+ <label for="departure_airport_id" class="col-md-4 control-label">出発空港</label>
130
+
131
+
132
+
133
+ <div class="col-md-6">
134
+
135
+ <select id="departure_airport_id" name="departure_airport_id" class="form-control" onChange="datetime('0')" >
136
+
137
+ <option value="1" >A空港</option>
138
+
139
+ <option value="2" >B空港</option>
140
+
141
+ <option value="3" >C空港</option>
142
+
143
+ ・・・
144
+
145
+ <option value="99" >Y空港</option>
146
+
147
+ <option value="100" >Z空港</option>
148
+
149
+ </select>
150
+
151
+ </div>
152
+
153
+ </div>
154
+
155
+ </td>
156
+
157
+
158
+
159
+ <td colspan="2">
160
+
161
+ <div class="form-group">
162
+
163
+ <label for="arrival_airport_id" class="col-md-4 control-label">到着空港</label>
164
+
165
+
166
+
167
+ <div class="col-md-6">
168
+
169
+ <select id="arrival_airport_id" name="arrival_airport_id" class="form-control" onChange="datetime('0')" >
170
+
171
+ <option value="1" >A空港</option>
172
+
173
+ <option value="2" >B空港</option>
174
+
175
+ <option value="3" >C空港</option>
176
+
177
+ ・・・
178
+
179
+ <option value="99" >Y空港</option>
180
+
181
+ <option value="100" >Z空港</option>
182
+
183
+ </select>
184
+
185
+ </div>
186
+
187
+ </div>
188
+
189
+ </td>
190
+
191
+ </tr>
192
+
193
+
194
+
195
+ <tr class="required">
196
+
197
+ <td colspan="2">
198
+
199
+ <div class="form-group">
200
+
201
+ <label for="departure_time" class="col-md-4 control-label">出発日時</label>
202
+
203
+ <div class="col-md-6">
204
+
205
+ <!-- 出発時刻 -->
206
+
207
+ <input id="departure_time" type="text" class="form-control date_departure" name="departure_time" value="" placeholder="yyyy/mm/dd hh:mm" >
208
+
209
+ </div>
210
+
211
+ </div>
212
+
213
+ </td>
214
+
215
+
216
+
217
+ <td colspan="2">
218
+
219
+ <div class="form-group">
220
+
221
+ <label for="arrival_time" class="col-md-4 control-label">到着日時</label>
222
+
223
+ <div class="col-md-6">
224
+
225
+ <div class="cal_datetime" id="cal_datetime">
226
+
227
+ <!-- 到着時刻 -->
228
+
229
+ <input id="arrival_time" type="text" class="form-control date_arrival" name="arrival_time" value="" placeholder="yyyy/mm/dd hh:mm" >
230
+
231
+ </div>
232
+
233
+ </div>
234
+
235
+ </div>
236
+
237
+ </td>
238
+
239
+ </tr>
240
+
241
+ </table>
242
+
243
+ </form>
244
+
245
+
246
+
247
+ <table class="table horizontal-th">
248
+
249
+ <tr>
250
+
251
+ <td style="padding-left:5px; text-align:center;">
252
+
253
+ <button type="button" class="btn btn-primary" onclick="post()">
254
+
255
+ <i class="fa fa-btn fa-search"></i> 次へ
256
+
257
+ </button>
258
+
259
+ </td>
260
+
261
+ </tr>
262
+
263
+ </table>
264
+
265
+ </div>
266
+
267
+ </div>
268
+
269
+ </div>
270
+
271
+ </div>
272
+
273
+
274
+
275
+ </body>
276
+
277
+ </html>
278
+
279
+ ```
280
+
27
281
 
28
282
 
29
283
  呼び出されるJS側は