如何在jquery倒计时时间显示日期时间?

时间:2015-02-01 14:33:03

标签: jquery date datetime

我有一个数据库属性“deadline”,其数据类型是格式为"MM/dd/yyyy hh:mm:ss"的日期时间,要求是从数据库获取日期时间并将其传递给倒计时时钟,该时钟将显示天,小时,分钟和剩余的秒数。我会浏览以下链接:link1link2。并从link1获取代码。包括所有文件,但浏览器上不显示倒计时时钟。这是代码:

<html>
<head>


    <title>Index</title>
    <link href="~/Content/jquery.countdown.css" rel="stylesheet" />
    <link rel="stylesheet" href="jquery.countdown.css">
    <style type="text/css">
        #defaultCountdown {
            width: 240px;
            height: 45px;
        }
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="~/Scripts/jquery.plugin.js"></script>
    <script src="jquery.plugin.js"></script>
    <script src="jquery.countdown.js"></script>
    <script src="~/Scripts/jquery.countdown.js"></script>
    <script>
        $(document).ready(function () {
            $(function () {
                var austDay = new Date();
                austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
                $('#defaultCountdown').countdown({ until: austDay });
                $('#year').text(austDay.getFullYear());
            });
        });
    </script>

</head>
<body>
<div id="defaultCountdown"></div>

            <p>Counting down to 26 January <span id="year">2014</span>.</p>

</body>
</html>

任何人都可以告诉我为什么这个时钟在浏览器上不可见,我怎样才能达到上述要求? 代码将不胜感激。提前致谢。

0 个答案:

没有答案