沒有在gridview中顯示的javascript倒計時器

Question

我已經實現了這個JavaScript與硬編碼的日期，它顯示正常，我已經試過它在griview，但它是顯示enddate從我的數據庫沒有顯示倒計時，但我想要從數據庫中獲取enddate：另外，當倒計時結束時，它應該顯示一條消息：「項目結束」請朋友幫我解決。

<script type="text/javascript" src="../Scripts/jquery-3.1.1.min.js"></script> 
    <script type="text/javascript" src="../Scripts/jquery.countdown.min.js"></script> 
    <script type="text/javascript" src="../Scripts/jquery.countdown.js"></script> 


       <asp:TemplateField HeaderText="CountDown" ItemStyle-Width="300px"> 
        <ItemTemplate> 
         <div id="myCountdownClass"><%# !string.IsNullOrEmpty(Eval("EndDate").ToString()) ? Convert.ToDateTime(Eval("EndDate")).ToString("MM'/'dd'/'yyyy") : "" %></div> 
        </ItemTemplate> 
       </asp:TemplateField> 
      </Columns> 

     </asp:GridView> 

     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('.myCountdownClass').each(function() { 
        var date = $(this).text(); 
        $(this).countdown(date, function (event) { 
         $(this).text(event.strftime('%D days %H:%M:%S')); 
        }); 
       }); 
      }); 

     </script> 

Answer 1

你在你的模板中指定id，但是你想在你的JavaScript（$('.myCountdownClass')）選擇一類。更改此：

<div id="myCountdownClass"> 

這樣：

<div class="myCountdownClass"> 

這裏的工作示例（檢查script.js文件）：

http://embed.plnkr.co/uffoqIjhqvvV7lzFlmzu/