jquery中的时钟选取器不工作

我需要在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>

但是我得到了下面的错误

未捕获的类型错误:$(…).ClockPicker不是函数

有人能帮我吗?提前谢谢