Twitter引導日期時間選擇器

我試圖用twitter引導使用https://github.com/mgussekloo/my-bootstrap-datetimepicker，但它不起作用。我不知道它是如何工作的，因爲我只是遵循這個例子，沒有定製。Twitter引導日期時間選擇器

P.S. 出現以下錯誤：

未捕獲TypeError：Object [object Object]沒有方法'datepicker'。

我不知道如果我這樣做是正確的，所以這裏的輸入代碼：

<input type="text" class="data-datepicker-format" data-datepicker-format="dd/mm/yyyy" />

任何想法如何解決呢？提前致謝。

看看[這個日期/時間選擇器]（http://tarruda.github.com/bootstrap-datetimepicker/）。它使用起來非常簡單，而且還實現了快速鍵盤輸入。 –

根據我們在評論中對另一個答案的討論，問題似乎是您正在加載Bootstrap DatePicker和jqueryUI DatePicker庫。

如果你真的需要使用jqueryUI，你需要構建一個沒有DatePicker的jqueryUI包。你可以在jqueryUI download site上做到這一點。

編輯：爲了清楚起見，您可以將jquery留在原地。只需要刪除jquery-UI，或者您需要一個不包含DatePicker的自定義jqueryUI包。

2012-12-10 20:59:21

我看過上面的鏈接，發現我沒有這樣的日曆（如datepicker演示）。我上面提到的兩個文件都沒有函數'datepicker'。我試圖在沒有jquery.js的乾淨的項目上使用它，再次失敗。有RoR項目的演示或任何模擬日期時間選擇器，看起來像twitter bootstrap？謝謝。 –

在調用.datepicker（）的行上設置一個斷點。啓動你的應用程序並等待斷點被擊中，然後檢查事情的狀態：是否加載了bootstrap.js？是datepicker.js加載？ –

我不太清楚我是如何解決這個錯誤的，但現在已經修復了。我剛剛從頭開始（再次），它的工作。下一步是從文本輸入中獲取值並將其傳遞給數據庫中的日期時間字段。無論如何謝謝你的答案！ –

你忘了在腳本部分包含datepicker.js嗎？

<script src="/path/to/datepicker.js" type="text/javascript"></script>

確保datepicker.js是後加載引導主庫被加載，並在那裏你調用.datepicker（）以前腳本加載。

2012-12-10 20:07:23

感謝您的回答，但它已正確加載。雖然它不起作用。是的，我在瀏覽器中啓用了JS（在Chrome和Firefox中測試過）。 –

你是否偶然加載jqueryUI？它有自己的.datepicker方法可能會干擾。 –

我也會做一些理智檢查：加載你的網站，在你的foo.datepicker（）調用中加一個斷點。當發生這種情況時，請驗證foo是否爲jquery對象，驗證是否在加載的JS文件中看到bootstrap.js和datepicker.js。 Chrome或Firebug將爲此工作。 –

回答