Javascript 引导数据采集器仅适用于firefox

Javascript 引导数据采集器仅适用于firefox,javascript,html,twitter-bootstrap,css,twitter-bootstrap-3,Javascript,Html,Twitter Bootstrap,Css,Twitter Bootstrap 3,我已经尝试在我的站点上调整引导日期选择器一段时间了,但是我无法让它工作。我决定使用一个基本的引导设置来尝试让日期选择器工作。从Bootstrap网站复制了基本标记,并根据导入了所有相关脚本和css文件,我得到了以下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont

我已经尝试在我的站点上调整引导日期选择器一段时间了,但是我无法让它工作。我决定使用一个基本的引导设置来尝试让日期选择器工作。从Bootstrap网站复制了基本标记,并根据导入了所有相关脚本和css文件,我得到了以下代码:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link href="https://raw.githubusercontent.com/Eonasdan/bootstrap-datetimepicker/master/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
  </head>
  <body>
    <h2> test</h2>
    <div class="container">
        <div class="row">
            <div class='col-sm-6'>
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker1'>
                        <input type='text' class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="https://raw.githubusercontent.com/moment/moment/develop/moment.js"></script>
    <script src="https://raw.githubusercontent.com/Eonasdan/bootstrap-datetimepicker/master/build/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
    </script>
  </body>
</html>

引导101模板
测试
$(函数(){
$('#datetimepicker1')。datetimepicker();
});
我过去常常形成上面的代码。
我的问题是,这只适用于Firefox。如何让它在所有浏览器上工作?

您不能直接链接到
https://raw.gitbuhusercontent.com/
因为GitHub使用了
X-Content-Type-Options:nosniff
,这不允许浏览器猜测您正在使用的内容的类型。因此,如果您链接到
https://raw.gitbuhusercontent.com/
,浏览器将其读取为
“text/plain”
,无法将其作为javascript执行

只需更换
https://raw.gitbuhusercontent.com/
https://cdn.rawgit.com/
在javascript链接中

举例来说:


您需要添加这些js包含的cdn版本。原始github链接无法正确加载。一旦我将所有资源更改为cdn版本,它在chrome上运行良好: