jquery datepicker n'envoie pas de données sur l'utilisation de .serialize() pour remplir la grille

Question

J'ai un formulaire avec 2 entrée type = "texte", 1 zone de liste déroulante et autre contient (zone de liste déroulante contient égal, après, avant & entre opérateurs + date de début (jquery datepicker) + date de fin (sélecteur de date jquery), mais quand je vous envoie les données au serveur de son pas annexant paramètres de date avec l'URL en utilisant .serialize()

Mon approche:.

$("form#transactionForm").submit(function() { 
    var newUrl = "/cpsb/transactionHistory.do?method=getTransactionHistoryDetails&" + 
       $(this).serialize(); 

    $("#transactionHistory").jqGrid(
     "setGridParam", 
     {"url": newUrl, datatype:"json"}).trigger("reloadGrid"); 
    return false; 
}); 

bille en haut:

<form class="transform" id="transactionForm" method="post" action=""> 
    <fieldset class="ui-widget ui-widget-content ui-corner-all"> 
     <legend class="ui-widget ui-widget-header ui-corner-all">Transaction History</legend> 
     <p> 
      <label for="lpn">LPN</label> 
      <input id="lpn" name="lpn"/> 
     </p> 
     <p> 
      <label for="sku">SKU</label> 
      <input id="sku" name="sku" class="skui ui-widget-content" /> 
     </p> 
     <p> 
      <label for="ttype">Transaction Type:</label> 
      <select id="ttype" name="tranType" > 
      <option value="">Select transaction type</option> 
      <option value="100">100-Receipt</option> 
      <option value="110">110-Shipment</option> 
      <option value="120">120-Pallet Update</option> 
      </select> 
     </p> 
     <p> 
      <label for="tdate">Transaction date:</label> 
      <select id="tdate" name="date"> 
       <option value="equalsDate">Equal</option> 
       <option>Between</option> 
       <option value="beforeDate">Before</option> 
       <option value="afterDate">After</option> 
      </select> 
      <input id="sdate" type="text" style="width:70px"/> 
      <input id="edate" type="text" style="width:70px"/> 
     </p> 
     <p> 
      <button class="submit" type="submit">Search</button> 
     </p> 
    </fieldset> 
</form> 

Answer 1

Le problème est très facile. Si vous voulez que l'entrée des champs avec ids "sdate" et "edate" ayant datepicker seront sérialisé sous les noms startDate et endDate vous devez modifier votre code HTML à partir

<input id="sdate" type="text" style="width:70px"/> 
<input id="edate" type="text" style="width:70px"/> 

à

<input id="sdate" name="startDate" type="text" style="width:70px"/> 
<input id="edate" name="endDate" type="text" style="width:70px"/> 

La fonction jQuery.serialize() serialize seulement les éléments qui ont l'attribut name. Tous vos <select> ont l'attribut name afin qu'ils soient sérialisés.