如何設置引導日期選擇器

我正在嘗試使用bootstrap-datepicker。問題是我只接收沒有樣式的輸入字段。這裏是我的包括：如何設置引導日期選擇器

<link href="../css/bootstrap.css" rel="stylesheet" media="screen"> 
<link href="../css/datepicker.css" rel="stylesheet"> 
<link href="../css/main.css" rel="stylesheet"> 

<script src="../js/jquery.js"></script> 
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!--[if lt IE 9]> 
     <script src="../js/assets/html5shiv.js"></script> 
     <script src="../js/assets/respond.min.js"></script> 
<![endif]--> 
<script src="../js/bootstrap.min.js"></script> 
<script src="../js/assets/bootstrap-datepicker.js"></script> 
<script src="../js/main.js"></script>

下面是HTML：

<div class="input-append date" data-date="12-02-2012" data-date-format="dd-mm-yyyy"> 
    <input id="dp3" size="16" type="text" value="12-02-2012"/> 
    <span class="add-on"><i class="icon-calendar" id="cal2"></i></span> 
</div>

這裏是JavaScript：

$('#dp3').datepicker();

什麼是錯的？

注意： 沒有當我注意到輸入壓光機出現，但沒有圖標。

來源

2013-11-04 vlio20

是的，複製粘貼錯誤。固定的問題。 – vlio20

是的，我確實..... – vlio20

不，沒有錯誤。我完全失去了...... – vlio20

如果使用this version比你必須使用它與Bootstrap 2，因爲它不完全支持Bootstrap 3.如果你使用Bootstrap 3，你必須自己處理icon problem，通過添加一個dif非凡的圖標，改爲使用按鈕或完全刪除該部分。

來源

2013-11-04 09:38:20 totymedli

從您的代碼看，您似乎缺少添加以下css文件。

引導CSS
引導日期選擇器CSS

確保，您添加它。

看到這裏的工作JSFiddle

來源

2013-11-04 09:19:53 Praveen

對不起，忘了它在問題，我已經包括他們。編輯了這個問題。 – vlio20

@VladIoffe你檢查過我的小提琴嗎？ – Praveen

是的，它的工作原理。但它不工作在我的網頁... – vlio20

爲了解決這個問題，要麼使當DOM加載這個調用：

$(function() { 
    $('#dp3').datepicker(); 
});

$(document).ready(function(){ 
     $('#dp3').datepicker(); 
     });

來源

2013-11-04 09:27:54

添加另一個CSS文件我的代碼看起來像你在這裏發佈，但我仍然無法看到圖標。 – vlio20

它不一樣我在document.ready中調用它，但你不是那樣發佈 –

如何設置引導日期選擇器

回答

相關問題