无法从javascript加载引导数据采集器

无法从javascript加载引导数据采集器,javascript,jquery,twitter-bootstrap,datepicker,Javascript,Jquery,Twitter Bootstrap,Datepicker,当我通过dataprovide=datepicker加载datepicker时,它将显示出来,但不会出现在safari中。我还需要把日期划掉,比如周末。我原以为这两个问题都可以通过javascript加载并加入一些配置变量来解决,但我遇到了一个错误: ReferenceError:$未定义 我认为这是因为jquery的加载顺序可能不正确,但其他功能正在运行 试验地点如下: 日期选择器字段位于“选择首选日期和时间”下 任何帮助都将不胜感激 引导通常依赖于jQuery库。如果正在执行任何其他jQue

当我通过dataprovide=datepicker加载datepicker时,它将显示出来,但不会出现在safari中。我还需要把日期划掉,比如周末。我原以为这两个问题都可以通过javascript加载并加入一些配置变量来解决,但我遇到了一个错误:

ReferenceError:$未定义

我认为这是因为jquery的加载顺序可能不正确,但其他功能正在运行

试验地点如下:

日期选择器字段位于“选择首选日期和时间”下


任何帮助都将不胜感激

引导通常依赖于jQuery库。如果正在执行任何其他jQuery代码,则引导库中的$symbol引用存在冲突

noCoflict上的jQuery非常有用

一个简单的解决方案是创建另一个jQuery变量引用

var j = jQuery.noConflict();

// Do something with jQuery
j( "div p" ).hide();

// Do something with another library's $() - bootstrap in your case
$( "content" ).style.display = "none";

在Jquery代码之前,您没有包含Jquery库

在该代码之前,在html中添加以下内容:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
添加以下内容后,您的JS应如下所示:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
    $( document ).ready(function() {
        $('#formfield_date-select').datepicker();
        console.log( "ready!" );
    });
</script>
更新

我注意到您的Jquery库位于页面底部。把它移到发生错误的地方,或者更好地移到部分内部,因为Jquery将在大多数页面上使用

<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>