Javascript 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>

$（文档）.ready（函数（）{
$（'.clockpicker'）。clockpicker({
位置：'顶部'，
对齐：“左”，
donetext:'完成'
});
});
函数pageLoad（）{
$（'.clockpicker'）。clockpicker({
位置：'顶部'，
对齐：“左”，
donetext:'完成'
});
}

但是我得到了下面的错误

未捕获类型错误：$（…）。时钟选择器不是函数

有人能帮我吗？提前感谢

---

html中的

colorpicker

插件引用包括在哪里？colorpicker不包括在jQuery中，它是一个单独的插件，您需要使用。我通过使用以下引用获得了解决方案``