代码之家  ›  专栏  ›  技术社区  ›  Ikechukwu Nwankwo

javascript倒计时计时器未在gridview中显示

  •  0
  • Ikechukwu Nwankwo  · 技术社区  · 7 年前

    我用硬编码的日期实现了这个javascript,它显示正确,我在griview中尝试过,但它从我的数据库中显示结束日期,而不显示倒计时,但我想从数据库中获取结束日期:此外,当倒计时结束时,它应该显示一条消息:“项目结束”请朋友们帮助我。

    <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>
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   lukaleli    7 年前

    id $('.myCountdownClass') ). 更改此项:

    <div id="myCountdownClass">
    

    为此:

    <div class="myCountdownClass">
    

    以下是工作示例(检查 script.js

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