javascript - Split datepicker dates into separate inputs -


i'm attempting split datepicker dates 3 inputs booking engine. want pass dates cid (check-in day) cim (check-in month) , ciy (check-in year). seem have split process down, correct dates not getting passed booking engine. please help! see below. code going php/text widget wordpress.


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> 

your selector search elements id (using #), in markup don't define it; can change html markup in:

<input type="hidden" id="cim" value="" /> <input type="hidden" id="cid" value="" /> <input type="hidden" id="ciy" value="" /> 

and

<input type="hidden" id="com" value="" /> <input type="hidden" id="cod" value="" /> <input type="hidden" id="coy" value="" /> 

or if want use name attribute, use selector like:

$("input[value='cim']").val(dateparts[0]); 

and on.

ref: http://api.jquery.com/attribute-equals-selector/

demo: http://jsfiddle.net/lw2l3/


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -