Bootstrap 的日期选择器：嵌入式/内联答案

【问题标题】：Datepicker for Bootstrap: Embedded / inlineBootstrap 的日期选择器：嵌入式/内联
【发布时间】：2013-10-17 21:20:36
【问题描述】：

我非常喜欢 Eternicode 的 Bootstrap 日期选择器： https://github.com/eternicode/bootstrap-datepicker

我使用他的表单来生成我想在我的网站中插入的内容：嵌入/内联格式的日历。

作为 Jquery，它会生成以下代码：

$('#sandbox-container div').datepicker({
    format: "dd/mm/yyyy",
    startDate: "now"
});

但作为 HTML，它只生成以下代码：

<div></div>

我必须在其中放入什么 HTML 才能使日历采用嵌入式/内联样式？谢谢！

【问题讨论】：

【解决方案1】：

实际的解决方法是提供您的 Div 和 ID 并在您的 datepicker 代码中重用此 id：

JS：

$('#sandbox-container').datepicker({
    format: "dd/mm/yyyy",
    startDate: "now"
});

html:

<div id="sandbox-container"></div>

【讨论】：

【解决方案2】：

将日历放入嵌入式/内联样式中。 html 将是：<div id='sandbox-container'><div></div></div>

【讨论】：

【解决方案3】：

将$('#sandbox-container').datepicker 用于输入字段，但不用于Div

如果您查看demo here，您会看到它是一个输入

【讨论】：

我想要嵌入式/内联类型的演示。我已经尝试过的输入字段并且它可以工作，但我真正需要的是带有类型的日历：嵌入式/行。但是当我使用该表单生成它时，除了
之外没有返回任何 HTML
现在我只有 JQuery 代码： $('#sandbox-container div').datepicker({ format: "dd/mm/yyyy", startDate: "now" });而且没有 html..
天哪！我只是更改 $('#calendar') 并调用
时出错。现在它运行顺利！