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.
Comments
Post a Comment