Bootstrap Datepicker僅適用於Firefox
[英]Bootstrap datepicker only works on firefox
問題描述
我一直在嘗試調整網站上的引導日期選擇器，但是無法正常工作。 我決定使用基本的引導程序設置來嘗試使日期選擇器正常工作。 從Bootstrap網站復制了基本標記，並根據Eonasdan-Bootstrap 3 datetime picker導入了所有相關的腳本和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>
我將Datepicker與jQuery UI和Bootstrap結合使用來形成上述代碼。 我的問題是，這僅適用於Firefox。 如何使它在所有瀏覽器上都能正常工作？
1 個解決方案
解決方案1
1 已采納 2015-07-06 21:35:40
您無法直接鏈接到https://raw.gitbuhusercontent.com/因為GitHub使用X-Content-Type-Options: nosniff ，它不允許瀏覽器猜測您正在使用的內容的類型。 因此，如果您鏈接到https://raw.gitbuhusercontent.com/ ，則瀏覽器會將其讀取為'text/plain'而無法將其作為javascript執行。
只需在您的JavaScript鏈接中將https://raw.gitbuhusercontent.com/替換為https://cdn.rawgit.com/ 。
例如：
<script src="https://raw.githubusercontent.com/moment/moment/develop/moment.js"></script>
至
<script src="https://cdn.rawgit.com/moment/moment/develop/moment.js"></script>
引導日期選擇器ShowShowDay之前僅在第一次單擊后有效
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.