jQuery中的时钟选择器不起作用

时间:2018-08-28 10:09:29

标签: javascript jquery asp.net

我需要在aspx页面中显示一个时钟选择器。 我的代码如下。

  <link rel="stylesheet" href="clockpicker-gh-pages/dist/bootstrap-clockpicker.min.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <div class="input-group clockpicker">
                    <input type="text" class="form-control" value="18:00"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-time"></span>
                    </span>

  <script>
   $(document).ready(function () {
$('.clockpicker').clockpicker({
                placement: 'top',
                align: 'left',
                donetext: 'Done'
            });
});
function pageLoad() {
            $('.clockpicker').clockpicker({
                placement: 'top',
                align: 'left',
                donetext: 'Done'
            });
}
</script>

但是我收到以下错误

  

未捕获的TypeError:$(...)。clockpicker不是函数

有人可以帮助我吗?预先感谢

1 个答案:

答案 0 :(得分:0)

    <script src="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.js"></script>