jQuery日期格式不適用於表格列

我正在從數據庫中的數據填充表格，如下所示。jQuery日期格式不適用於表格列

<tbody> 
    <c:forEach items="${requestScope.expenses}" var="expense"> 
     <tr> 
      <td style="width: 5%;"><a 
       href="expense_manage?expense_id=${expense.expenseId}" 
       class="btn btn-outline btn-primary">Edit</a></td> 
      <td id="date">${expense.expenseDate}</td> 
      <td>${expense.expenseDesc}</td> 
      <td>${expense.expenseAmount}</td> 
      <td>${expense.comment}</td> 
      <td style="width: 10%;"> 
       <button type="button" 
        onclick="ConfirmDelete('id=${expense.expenseId}','removeExpense')" 
        class="btn btn-outline btn-danger">Delete</button></td> 
     </tr> 
    </c:forEach> 
</tbody>

我需要上文表格式化日期顯示爲yyyy-MM-dd。所以我加了這個。

<script src="js/jquery-dateFormat.min.js"></script> 

    <script>  
     jQuery(function() { 
      var shortDateFormat = 'yyyy-MM-dd'; 

      jQuery("#date").each(
        function(idx, elem) { 
         if (jQuery(elem).is(":input")) { 
          jQuery(elem).val(
            jQuery.format.date(jQuery(elem).val(), 
              shortDateFormat)); 
         } else { 
          jQuery(elem).text(
            jQuery.format.date(jQuery(elem).text(), 
              shortDateFormat)); 
         } 
        }); 
     }); 
    </script>

但它只在第一行更改日期。其他人沒有改變。

data table

我怎樣才能解決這個問題？

來源

2014-06-25 Bishan

您使用jquer僅限格式日期的y-dateFormat.min.js ??? –

@ ling.s對不起？不清楚你的問題。 – Bishan

爲什麼你使用jQuery的dateFormat.min.js？ –

該ID在文檔中是唯一的。要對元素進行分組，請使用類。

更換

<td id="date">${expense.expenseDate}</td>

通過

<td class="date">${expense.expenseDate}</td>

並更換

jQuery("#date").each(

通過

jQuery(".date").each(

來源

2014-06-25 06:22:01

jQuery日期格式不適用於表格列

回答

相關問題