Javascript 用于替换3个单独表单参数值的日期选择器
目前,我们使用预订小部件来搜索酒店客房可用性。该小部件有一个用于签入日、一个用于签入月和一个用于签入年的输入。同样适用于退房,这意味着6个输入框用于简单的日期可用性搜索 是否有必要编写一个datepicker输入框来为表单参数创建值?代码如下:Javascript 用于替换3个单独表单参数值的日期选择器,javascript,html,forms,parameters,datepicker,Javascript,Html,Forms,Parameters,Datepicker,目前,我们使用预订小部件来搜索酒店客房可用性。该小部件有一个用于签入日、一个用于签入月和一个用于签入年的输入。同样适用于退房,这意味着6个输入框用于简单的日期可用性搜索 是否有必要编写一个datepicker输入框来为表单参数创建值?代码如下: <form action="https://us01.iqwebbook.com/Integration/Search" method="POST" name="SearchForm"&g
<form action="https://us01.iqwebbook.com/Integration/Search" method="POST" name="SearchForm">
<table>
<tbody>
<tr>
<td>
<span>Arrival:</span>
</td>
<td>
<select name="CIM" size="1">
<!-- CIM = CheckInMonth -->
<option value="1" >Jan</option>
<option value="2" >Feb</option>
<option value="3" >Mar</option>
<option value="4" >Apr</option>
<option value="5" >May</option>
<option value="6" selected>Jun</option>
<option value="7" >Jul</option>
<option value="8" >Aug</option>
<option value="9" >Sep</option>
<option value="10" >Oct</option>
<option value="11" >Nov</option>
<option value="12" >Dec</option>
</select>
</td>
<td>
<select name="CID" size="1">
<!-- CID = CheckInDay -->
<option value="1" >1</option>
<option value="2" selected>2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
<option value="13" >13</option>
<option value="14" >14</option>
<option value="15" >15</option>
<option value="16" >16</option>
<option value="17" >17</option>
<option value="18" >18</option>
<option value="19" >19</option>
<option value="20" >20</option>
<option value="21" >21</option>
<option value="22" >22</option>
<option value="23" >23</option>
<option value="24" >24</option>
<option value="25" >25</option>
<option value="26" >26</option>
<option value="27" >27</option>
<option value="28" >28</option>
<option value="29" >29</option>
<option value="30" >30</option>
<option value="31" >31</option>
</select>
</td>
<td>
<select name="CIY" size="1">
<!-- CIY = CheckInYear -->
<option value="2021" selected>2021</option>
<option value="2022" >2022</option>
<option value="2023" >2023</option>
</select>
</td>
<td>
<span>Departure:</span>
</td>
<td>
<select name="COM" size="1">
<!-- COM = CheckOutMonth -->
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">May</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Aug</option>
<option value="9">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>
</td>
<td>
<select name="COD" size="1">
<!-- COD = CheckOutDay -->
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</td>
<td>
<select name="COY" size="1">
<!-- COY = CheckOutYear -->
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
</select>
</td>
<td>
<span>Adults:</span>
<select name="AD">
<!-- AD = Adults -->
<option value="1" selected>1</option>
<option value="2" >2</option>
</select>
</td>
<td>
<span>Children:</span>
<select name="CH">
<!-- CH = Children -->
<option value="0" selected>0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
</select>
</td>
<td>
<!-- RMS = Rooms -->
<span>Rooms:</span>
<select name="RMS">
<option value="1" selected>1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
</select>
</td>
<td>
<!-- PC – Promotional Code -->
<input type="hidden" name="PC" />
<!-- UF1 = UserField1/Booking Source -->
<input type="hidden" name="UF1"/>
<!-- UF2 = UserField2/Market Source -->
<input type="hidden" name="UF2"/>
<!-- LG = Language locale code -->
<input type="hidden" name="LG"/>
<button type="submit">Check Availability</button>
</td>
</tr>
</tbody>
</table>
</form>
抵达:
简
二月
破坏
四月
也许
六月
七月
八月
九月
十月
十一月
12月
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
2021
2022
2023
出发时间:
简
二月
破坏
四月
也许
六月
七月
八月
九月
十月
十一月
12月
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
2021
2022
2023
成人:
1.
2.
儿童:
0
1.
2.
3.
房间:
1.
2.
3.
4.
检查可用性