2016-03-23 10 views
0

私のプロジェクトでは、すべてのテーブルをブートストラップのdynatableフォーマットに変換する必要があります。私はテーブルがあるページで作業しています。ユーザーはチェックボックスに応じてステータスとステータスの日付を変更できます。何らかの理由で、私はテーブルの列の1つで日付ピッカーを動作させることができません。ここでは、テーブルの部分的なセットアップです:ここで名前を使用してテーブル内のフィールドで日付ピッカーにアクセスしようとしている問題

<div class="panel-body"> 
    <div class="flextable" id="updateResults"> 
    <table id="checkedTable" class="tablesaw tablesaw-stack table-responsive" data-tablesaw-mode="stack"> 
     <thead> 
     <tr> 
      <th> SEL</th> 
      <th>Schedule Number</th> 
      <th>Contract Year</th> 
      <th>Status</th> 
      <th>Status Date</th> 
      <th>Approval ID</th> 
     </tr> 
     </thead> 
     <tbody> 
     <c:forEach var="row" items="${Updresults}"> 
      <c:set var="sched" value="${row.getSCHEDULE_NUMBER()}" /> 
      <c:set var="eftyear" value="${row.getEFT_CONTRACT_YEAR()}" /> 
      <c:set var="EFTstatus" value="${row.getSTATUS()}" /> 
      <c:set var="schedcombo" value="${sched}${eftyear}" /> 
      <fmt:formatNumber var="schedTotl" value="${row.getTOTAL_AMOUNT()}" pattern="$##,###,##0.00" /> 
      <tr> 
      <td> 
       <input style="width:50px;" type="checkbox" id="holdselectedSched" name="selectedSched" class="pullchecked" value="<c:out value=" ${schedcombo} "/>"/> 
      </td> 

      <td id="ModifyScheduleNumber"> 
       <c:out value="${row.getSCHEDULE_NUMBER()}" /> 
      </td> 
      <td> 
       <c:out value="${row.getEFT_CONTRACT_YEAR()}" /> 
      </td> 
      <td> 
       <select style="width:80px" id="ModifyStatus" name="ModifyStatus_<c:out value=" ${schedcombo} "/>" class="form-control"> 
       <c:forEach items="${ModifyList}" var="statusValue"> 
        <option value="${statusValue}" <c:if test="${statusValue == UpdCMDStatus}"> selected="selected"</c:if> 
        >${statusValue}</option> 

       </c:forEach> 
       </select> 
      </td> 
      <td> 
       <input class="form-control" name="ModifyStatusDate_<c:out value=" ${schedcombo} "/>" type="text" value="${row.getSTATUS_DATE()}" /> 
      </td> 
      <td> 
       <c:out value="${row.getAPPR_HUD_EMPLOYEE()}" /> 
      </td> 
      </tr> 
     </c:forEach> 

     </tbody> 
    </table> 
    </div> 

は、日付ピッカーにアクセスするための私の関数である。

$(function() { 
    $("input[name^='ModifyStatusDate_']").datepicker({ 
    dateFormat: "yy-mm-dd" 
    }); 
});   

は、関数で<input>でワイルドカードを使用しようとしている問題ですかdynatableのセットアップで問題?

答えて

1

一重引用符を使わずに試してください。

$(function() { 
    $("input[name^=ModifyStatusDate_]").datepicker({ 
    dateFormat: "yy-mm-dd" 
    }); 
});  
+0

これは機能しませんでした。私の元のコードは、​​に結び付けられたボックスのクラスを呼び出し、$( ".date_picker").datepicker({function call。)を追加して空のクラスを使用してdatePickerにアクセスしていました。私はそれが動作を停止したブートストラップのdynatableのものを使用して変更しました。私は今、この中にdate_pickerクラスを取得する必要があるのでしょうか?ui-datepicker-divのIDを持つ? – hammerva

+0

@hammervaこれは、 。セレクタが正しい.. –

+0

実際にはこれはうまくいきませんでした。問題を発見しました。私はdynatableを作成した後、datepicker関数の処理を行う必要があります。 – hammerva

0

それともこれを使用してみてくださいあなたはNikki9696's答えはあなたのために働いていないと言ったので、私はこれを示唆しています。各要素をループし、プラグインを1つずつ適用してみてください。

$(function() { 
    $.each("input[name^=ModifyStatusDate_]",function(){ 
    $(this).datepicker({ 
    dateFormat: "yy-mm-dd" 
    }); 
    }); 
}); 
関連する問題