1

我正在嘗試將引導日期選擇器插件添加到基於Drupal自定義模塊的頁面。我的問題是下面的功能沒有給出任何形式的錯誤,但日期選擇器從不出現。使用信息文件在Drupal中使用引導日期選擇器

  stylesheets[all][] = stylesheets/datepicker.css 
     scripts[] = js/bootstrap-datepicker.js 
     scripts[] = js/filterBlock.js 

   jQuery(document).ready(function() { 
         jQuery('#datepicker1').datepicker({ 
         format: 'mm-dd-yyyy' 
         }); 
       }); 

我加入這兩個引導,datepicker.js和datepicker.css我缺少的東西?

回答

1

即使我啓用了jQuery Update插件,我也必須再次將jQuery.js添加到模塊信息文件中。但現在它正在工作。

scripts[] = js/jquery-1.7.1.min.js 
scripts[] = js/bootstrap-datepicker.js 
stylesheets[all][] = stylesheets/style.css 
stylesheets[all][] = stylesheets/datepicker.css 

有沒有更好的解決方案?有沒有人知道爲什麼我必須再次添加jQuery.js? 當我像這樣添加這個jQuery時,我還有一些像引導面板這樣的引導元素的其他問題。如果有人能夠猜測缺少jQuery的缺省引導日期選擇器,那將會很棒。

+0

當你只使用jquery一次,如果你看看你的JS控制檯,你會得到錯誤嗎? 。問題可能是因爲在jquery-1.7.1.min.js之前調用了bootstrap-datepicker.js嗎? – r3x

+0

@julianromera不存在控制檯中的錯誤。即使.datepicker函數也不會顯示該對象不存在的datepicker函數。但datepicker justo不會工作。我不確定js和css在drupal中的加載順序,但我認爲jQuery應該從幾乎所有其他的東西開始加載。 –

+0

發現此問題的另一個問題。日期選擇器僅在我用drupal中的管理員帳戶登錄時才起作用。對於普通的註冊用戶,日期選擇器工作正常。即使沒有上面提到的http://idaids.colostate.edu/listIDAids。 –

0

我不熟悉drupal,但最近我在Struts2項目上使用了bootstrap。儘管我使用Bootstrap,但最終還是使用了jQueryUI Datepicker(http://jqueryui.com/datepicker/),它不僅可以很好地工作,還可以將它適配到(http://trentrichardson.com/examples/timepicker/TimePicker)。

+0

是的Datepicker真的很好,這就是爲什麼我想使用它。我已經在其他項目中使用過它,但是我無法在Drupal中使用它.. –