拆分日期选择器日期到单独的输入

Question

我试图将日期选择器日期分成预订引擎的3个输入。我想将日期作为CID（入住日）CIM（入住日）和CIY（入住年）传递。我似乎有拆分过程，但正确的日期没有传递给预订引擎。请帮忙！看到下面的一切。此代码将进入WordPress的PHP/Text小部件。

---

jQuery(document).ready(function() { 
    jQuery('#datepicker1').datepicker({ 
     dateFormat : "mm-dd-yy", 
     onClose: function(dateText) { 
      var dateParts = dateText.split("-"); 

     $('#CIM').val(dateParts[0]); 
     $('#CID').val(dateParts[1]); 
     $('#CIY').val(dateParts[2]); 
    }, 

}); 
    }); 

jQuery(document).ready(function() { 
    jQuery('#datepicker2').datepicker({ 
     dateFormat : "mm-dd-yy", 
     onClose: function(dateText) { 
      var dateParts = dateText.split("-"); 

     $('#COM').val(dateParts[0]); 
     $('#COD').val(dateParts[1]); 
     $('#COY').val(dateParts[2]); 
    }, 

}); 
    }); 

<div id="reswrap"><div id="reservations"> 

    <h2 style="font-size:20px; padding: 9px;">Check Availability</h2><form action="https://www.40berkeley.net/iqreservations/default.asp" method="get" name="Res_Form" onsubmit="_gaq.push(['_linkByPost', this]);"> 

<table width="100%"><tbody><tr><td style="padding: 3px 1px 3px 9px;" width="35%"><label class="arrive">Arrive </label></td> 

<td style="padding: 3px 1px"><input type="text" id="datepicker1" value="" name="" /></td> 
<input type="hidden" name="CIM" value="" /> 
    <input type="hidden" name="CID" value="" /> 
     <input type="hidden" name="CIY" value="" /> 
</tr><tr> 

<td style="padding: 3px 1px 3px 9px;" width="35%"><label class="depart">Depart </label></td> 

<td style="padding: 3px 1px"><input type="text" id="datepicker2" name="" value=""/></td> 


    <input type="hidden" name="COM" value="" /> 
    <input type="hidden" name="COD" value="" /> 
     <input type="hidden" name="COY" value="" /> 

</tr><tr> 
<td style="padding: 3px 1px 3px 9px;" width="35%"><label class="adults">Adults </label></td> 
    <td style="padding: 3px 1px"><select name="AD"> 
    <option value="1">1</option> 
    <option value="2" selected="selected">2</option> 
    <option value="3">03</option> 
    <option value="4">04</option> 
    <option value="5">05</option> 
    <option value="6">06</option> 
    <option value="7">07</option> 
    <option value="8">08</option> 
    <option value="9">09</option> 
    <option value="10">10</option>       
    </select> 
    <label> Kids </label> 
    <select name="CH"> 
    <option value="0" selected="selected">0</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">03</option> 
    <option value="4">04</option> 
    <option value="5">05</option> 
    <option value="6">06</option> 
    <option value="7">07</option> 
    <option value="8">08</option> 
    <option value="9">09</option> 
    <option value="10">10</option> 
    </select> <select name="RSE" size="1"> 
<option value="0"selected="selected">Standard Rate</option> 
</select> 
<input name="RS" value="1" type="hidden"> </td> 
</tr><tr> 
    <td colspan="2" style="padding: 3px 9px;"> 
    <label class="promo">Promo</label><input size="10" name="PromoCode" maxlength="10" value="" type="text" /> </td> 
</tr></td><td colspan="2" style="padding: 9px 9px 12px 9px; text-align:center;"> 
<input type="submit" name="action" value="CHECK AVAILABILITY" class="rbtn" /></td></tr></tbody></table> 





</form> 
    </div> 
</div> 

Answer 1

您选择搜索按ID（使用＃），但在你的标记，你不要把它定义元素;你可以改变你的HTML标记中：

<input type="hidden" id="CIM" value="" /> 
<input type="hidden" id="CID" value="" /> 
<input type="hidden" id="CIY" value="" /> 

和

<input type="hidden" id="COM" value="" /> 
<input type="hidden" id="COD" value="" /> 
<input type="hidden" id="COY" value="" /> 

，或者如果你想使用的名称属性，使用选择，如：

$("input[value='CIM']").val(dateParts[0]); 

等。

编号：http://api.jquery.com/attribute-equals-selector/

演示：http://jsfiddle.net/Lw2L3/