2014-06-27 48 views
0

我正在使用bootstrap datepicker項目,但我有一些問題。日期選擇器正在顯示,但其背後的模態。並根據看它的CSS加載不正確(我試圖設置z-index爲100000,我可以告訴造型不適用。這是我的代碼。是否有任何明顯的,我只是失蹤?我下面連接,以及圖片Bootstrap Datepicker錯誤與CSS(不加載??)

文本框代碼(寫在玉)

input#pickupdate.form-control.datepicker(type='text', required='true', placeholder='Return Date') 

和CSS我與.datepicker識別它本應工作的權利??即 -

.datepicker { 
    padding: 4px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    position: relative; 
    direction: ltr; 

    z-index: 1000000; 
} 

此外,在HTML中我正在運行一個腳本

script(type='text/javascript') 
     $(document).ready(function() { 
      $('.datepicker').datepicker(); 
     }) 

我知道正在加載css文件,並且基於錯誤控制檯正在加載引導日期選擇器文件。

鏈接到它目前是如何工作的:http://postimg.org/image/rofg2ft35/(注意語氣上面的日期,但不正確的格式化acording它應該如何工作圖像)

如何它應該工作:http://postimg.org/image/i7zjxjyc9/

很抱歉,如果這是一個簡單的問題,只是現在學習Web開發,並一直堅持這一點。謝謝!

編輯:加入修復Kiee建議

+0

您是否找到解決方案?因爲我得到了同樣的問題 –

回答

0

嘗試增加:position:relative.datepicker z索引對靜態元素沒有影響。

+0

太棒了,這有一點幫助。新圖片:http://postimg.org/image/rofg2ft35/ 仍然沒有完全正確顯示。現在,我更加困惑,因爲CSS有點工作.. – user3513466

+0

添加背景顏色:#fff – Kiee

+0

這並沒有做出改變。該代碼片段下面有很多CSS代碼,它們是datepicker下載的一部分,背景顏色已經在上述代碼中設置。 – user3513466