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将为此工作。 –

回答