Question

当我通过data-provide="datepicker"加载日期选择器时，它会显示但不会显示在safari中。我还需要阻止日期，例如周末。我认为这两个问题都可以解决，通过javascript加载它并抛出一些配置变量，但我收到一个错误：

ReferenceError：$未定义

我在想这可能是因为jquery可能以错误的顺序加载，但其他功能正在运行。

测试网站位于：http://vtcol2015.com.php53-25.ord1-1.websitetestlink.com/schedule-tour

datepicker的字段位于Select your prefered day & time

下

非常感谢任何帮助！

Answer 1

Bootstrap通常依赖于jQuery库。如果正在执行任何其他jQuery代码，那么引导程序库中的$符号引用就会发生冲突。

jQuery.noCoflict()上的jQuery page非常有帮助。

一个简单的解决方案是创建另一个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";

Answer 2

在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库位于页面底部。将错误发生在上方或在<head></head>部分内更好地移动，因为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>

bootstrap datepicker不会从javascript加载

2 个答案: