javascript compte à rebours ne s'affiche pas dans gridview

Question

J'ai implémenté ce javascript avec une date codée en dur et il s'affiche correctement, je l'ai essayé dans un griview mais il montre plutôt la fin de ma base de données sans montrer le compte à rebours, mais je voulez obtenir la date de fin de la base de données: Aussi, quand le compte à rebours est terminé, il devrait afficher un message: "Projet terminé" S'il vous plaît amis m'aider.

<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

Vous avez spécifié id dans votre modèle, mais vous essayez de sélectionner une classe dans votre javascript ($('.myCountdownClass')). Changer ceci:

<div id="myCountdownClass"> 

à ceci:

<div class="myCountdownClass"> 

est ici l'exemple de travail (vérifier le fichier script.js):

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