JQuery日期時間選擇器佈局格式問題

我是日期時間選擇器的jquery。它的工作正常，但是，上個月或下個月的圖標沒有像圖中所示顯示..但它也工作，當我點擊無圖像的區域。JQuery日期時間選擇器佈局格式問題

我需要在圖像中顯示的角落顯示圖像。請提出問題出在哪裏..

我從http://trentrichardson.com/examples/timepicker/

enter image description here 下載我的代碼：

  <link rel="stylesheet" href="css/jquery-ui.css"> 
    <style> 
    /* css for timepicker */ 
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 
.ui-timepicker-div dl { text-align: left; } 
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } 
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } 
.ui-timepicker-div td { font-size: 90%; } 
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 

.ui-timepicker-rtl{ direction: rtl; } 
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } 
.ui-timepicker-rtl dl dt{ float: right; clear: right; } 
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } 
    </style> 

    <script src="js/jquery-1.9.1.js"></script> 
      <script src="js/1.10.3/jquery-ui.js"></script> 
     <script src="js/jquery-ui-timepicker-addon.js"></script>   
      <script> 

$(function() { 


    $("#datepicker").datetimepicker({dateFormat: "yy-mm-dd"}); 
    }); 

    </script>

來源

2014-02-08 logan

它是否像演示中一樣生成數據處理程序「prev」和「next」？ http://prntscr.com/2qorzh如果是的話，然後檢查它的CSS屬性，如果沒有，那麼你知道你將不得不看看JS，而不是CSS – Nix

我應該在哪裏放置div？我已經定義了樣式... – logan

嗯，它應該填充這些按鈕。在這裏，看看我這個jsfiddle - http://jsfiddle.net/uDEHB/並看到這個截圖 - http://prntscr.com/2qwem6檢查這些按鈕是否存在於你的代碼中。 – Nix

機會是你忘了，包括了jQuery UI圖像資源。打開你的瀏覽器開發工具，進入控制檯，（至少在Chrome中），你應該看到404錯誤消息關於缺少資源。

你應該從這裏下載完整的jQuery用戶界面包： http://jqueryui.com/download/

還要注意的是，除了圖標，你沒有看到在個別日期或標題中的漸變背景。

來源

2014-02-08 18:47:00

控制檯中沒有404錯誤消息。它的空...還我已經使用從你提供的鏈接下載它的縮小版本... – logan

你的答案幫助我找到我的問題，並解決它。所以，我在下面寫了答案。 –

在我的情況下，問題是因爲字體錯誤的Awesome類。當我檢查與我的日期選擇器的.js文件，我發現箭似：

<i class="icon-circle-arrow-left"></i>

和

<i class="icon-circle-arrow-right"></i>

他們應改爲：

<i class="fa fa-arrow-circle-left" aria-hidden="true"></i>

和

<i class="fa fa-arrow-circle-right" aria-hidden="true"></i>

所以，只要找到他們把它們全部替換成正確的。希望它也適用於你。

來源

2016-05-04 09:28:40

JQuery日期時間選擇器佈局格式問題

回答

相關問題